Mengganti Font Blogger dari Kernest.com

Sebelumnya saya sudah pernah menulis tips mengganti font blogger dari google custom/google font directory. Tetapi, jumlah font-nya masih terbatas dan tidak banyak variasinya. Dan untuk lebih variatif kita bisa mencoba cara lain yang lebih banyak variasinya, yakni Mengganti Font Blogger dari Kernest.com. Situs ini menyediakan banyak jenis font secara gratis dan tidak perlu sign in or register terlebih dahulu. Lihat tampilan kernest berikut.

Jika anda berminat, silahkan ikuti langkah-langkah berikut dengan seksama (hampir sama seperti ketika menerapkan pada google font directory:

1. Silahkan anda kunjungi Kernest.com.Untuk lebih jelas anda bisa melihat tampilannya berikut ini.

2. Pilih jenis font yang Anda suka.

3. Misalkan saja Anda klik Popular, maka akan muncul banyak sekali font yang bagus. Anda bisa pilih sesuka hati Anda.

4. 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 atau notepad.

5. 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 copy dan pastekan di atas atau sebelum kode berikut.

</head>

Tentunya anda harus masuk dulu ke akun blog anda lalu pilih Design kemudian Edit HTML.

Untuk menggunakannya tidak berbeda dengan posting sebelumnya. Kita ulas kembali:
Sekarang silahkan Anda atur css jenis font pada template Anda. Kode css diawali dengan font-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>

Untuk referensi letak font yang ingin anda ubah bisa dilihat di tabel berikut ini:

Description	Reference
The header section (title and description) Blog title Post titles Body of blog posts Sidebar headings Sidebar text Footer section	#header h1 .post-title .post-body #sidebar h2 #sidebar .widget-content .footer

Silahkan cari kode yang mirip dengan yang di atas, karena setiap template punya kode yang berbeda. Selamat malam sobat.

.::Related Posts: