• About
  • Contact
  • Sitemap
  • Privacy Policy

Featured Post

Cara membuat Kalender Dengan PHP Script

Script PHP kalender sederhana. Silahkan coba dan gunakan di web site kamu. Script PHP kalender ini bisa kamu integrasikan dengan website ...

Custom Font dari Kernest Untuk Blogger/Blogspot

 on Saturday, February 9, 2013  

Setelah sebelumnya saya posting tentang berbagai fonts cantik dari Google yang bisa Anda terapkan di Blog (Baca: Ganti Fonts - Cari di Google Font Directory), sekarang mari kita cari font yang cocok di Kernest.Com. Pertama kali Anda harus mendaftar dahulu.

Daftar dan Instalasi Font
1. Klik tombol sign in di pojok kanan atas
2. Terbuka kotak dialog untuk login, klik link register untuk mulai mendaftar.

3. Isikan data lalu klik tombol Join Kernest.
4. Pilih jenis font yang Anda suka.
5. Misalkan saja Anda klik Popular, maka akan muncul banyak sekali font yang bagus. Anda bisa pilih sesuka hati Anda.
6. Jika fontnya font gratis, maka Anda bisa langsung mendapatkan kode instruksi di bawah jenis font yang Anda suka. Copylah kode tersebut, terlebih dahulu ke microsoft word ataunotepad.
7. Baris pertama dari kode instruksi tersebut adalah script font. Misalnya seperti berikut ini:
<link href="http://www.kernest.com/fonts/chunk.css" media="screen" rel="stylesheet" type="text/css" />
silahkan Anda pasang di atas </head>

Penggunaaan Jenis Font
Sekarang silahkan Anda atur css jenis font pada template Anda. Kode css diawali denganfont-family:
Misal untuk merubah jenis font pada blockquote:
.post blockquote {
background:#f5f8fa url(http://eosmate.googlepages.com/blockquoteku2.png) no-repeat scroll 0 0;
border-width: 1px 1px 1px 20px;
color: #004276;
font-family: Consolas, "Courier New", Courier, mono, serif;
}

Perhatikan yang berwarna merah, silahkan ganti dengan font yang telah Anda install. Misalnya Chunk. Sehingga kodenya menjadi:
.post blockquote {
background:#f5f8fa url(http://eosmate.googlepages.com/blockquoteku2.png) no-repeat scroll 0 0;
border-width: 1px 1px 1px 20px;
color: #004276;
font-family: Chunk;
}

Jika Anda hanya ingin menggunakannya pada bagian postingan Anda dan hanya untuk beberapa karakter saja, silahkan gunakan kode berikut ini. Pilih metode posting Edit HTML bukan Compose.
<span style="font-family: Chunk;  font-size: 20px;">Teks Anda Disini</span>

Sempga bermanfaat.... Selamat malam.

Custom Font dari Kernest Untuk Blogger/Blogspot 4.5 5 Unknown Saturday, February 9, 2013 Setelah sebelumnya saya posting tentang berbagai fonts cantik dari Google yang bisa Anda terapkan di Blog (Baca:   Ganti Fonts - Cari di Goo...


No comments:

J-Theme