http://picasion.com

rss

Cari Sepatu Keren??

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:

9 comments:

Sodikin Kurniawan on Saturday, July 10, 2010 12:56:00 PM said... Reply

Makasih infonya kawan biar tulisannya tambah menarik....

Hizrian on Saturday, July 10, 2010 1:18:00 PM said... Reply

makasih infonya

Unknown on Saturday, July 10, 2010 1:34:00 PM said... Reply

Thanks komen nya..

2yoemt on Monday, November 22, 2010 11:06:00 PM said... Reply

Ribet Juga Ya Mas

Kumpulan Tips Trik komputer & Internet

Qbha B. Akbar Basrah on Sunday, June 19, 2011 1:04:00 PM said... Reply

Om bgmana caranya memasang Sub menu dengan tampilan seperti punya Om???

pak dani on Sunday, June 19, 2011 5:12:00 PM said... Reply

@Qbha
info lebih lengkap klik di bawah ini sobat
http://blogpakdani.blogspot.com/2010/06/membuat-menu-tab-view-pada-blogger.html

kios herbal on Monday, February 06, 2012 10:50:00 AM said... Reply

langsung ke TKP aja dechh pak..

kios obat on Monday, February 06, 2012 10:52:00 AM said... Reply

setelah masuk terus gimana nih...kok beda dengan yang ditampilkan oleh gambar yang bapak berikan...

obat tradisional jantung koroner on Monday, February 06, 2012 10:54:00 AM said... Reply

makasih nih tips dan triksnya...


Post a Comment

Silahkan tulis komentar sebagai umpan balik dari artikel ini. Tidak diperkenankan untuk komentar yang berunsur spamming, porno, dll.

http://picasion.com/i/1TFa9/

Sub Menu

  • 1. Membuat Teks Berkedip
  • 2. Menambah Elemen di Atas dan Bawah Posting
  • 3. Menambah Dua Elemen di Bawah Sidebar
  • 4. Kotak Komentar Blogger Bermasalah
  • 5. Membuat Teks Bergerak Pada Blogger
  • 6. Membuat Tabel Pada Blogger
  • 7. Cara Membuat Scrollbox pada Blogger
  • 8. Fungsi New Pages Pada Blogspot
  • 9. Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
  • 10. Membagi 2 Kolom Sidebar Blog
  • 11. Cara Memperlebar Halaman Blog
  • 12. Mengatur Perataan Posting Artikel
  • 13. Membuat Menu Dropdown Pada Arsip
  • 14. Blogger Sudah Support Fungsi Readmore
  • 15. Menambahkan Web Counter
  • 16. Cara Mendaftar dalam Blogspot
  • 17. Membuat Emotion Pada Blogger
  • 18. Memasang Yahoo Messenger Emotion
  • 19. Membuat Background Posting
  • 20. Membuat Menu Tab View Pada Blogger
  • 21. Cara Mengganti Icon Pada Address Bar
  • 22. Cara Memasang Gambar Berbingkai
  • 23. Cara Membuat Tombol Facebook Like di Blogger
  • 24. Cara Membuat Related Post Dengan Fungsi Scroll
  • 25. Membuat Border dan Kotak Pada Postingan
  • 26. Cara Membuat Buku Tamu Melayang
  • 27. Membuat Iklan Melayang dengan Tombol Close
  • 28. Membuat Kata Sambutan, Penutup dan Pertanyaan Pada Blogger
  • 29. Memasang Widget Recent Post dengan Thumblnails
  • 30. Evolusi Blogger dari Tahun 1999 - 2009
  • 31. Tips Agar Blog Anda Mudah Diakses di HP
  • 32. Cara Memasang Retweet Button Pada Blogger
  • 33. Cara Memperbesar Image/Gambar Pada Postingan Blog
  • 34. Menambah Font dari Google Custom Pada Blogger
  • 35. Membackup Komentar di Blogger
  • 36. Koleksi Gratis RSS Feed Icon dan RSS Feed Vector Graphics
  • 37. Tips Menjadikan Blogger Unlimited Bandwidht/Loading Page Super Cepat
  • 38. Daftar 'Keyboard Shortcut' Untuk Posting di Blogger
  • 39. Mengganti Font Blogger dari Kernest.com
  • 40. Tips Seni Dalam Menulis Artikel di Blog Kita
  • 41. 8 Tips Menulis Artikel Blog Dalam Waktu 20 Menit
  • 42. 5 Tips Efektif dalam Menulis di Blog
  • 43. Mengenal Lebih Dekat Tentang SEO dengan SEO Dictionary
  • 44. 4 Situs Terbaik Bekapasitas 10GB Untuk Menyimpan Data Secara Online
  • 45. SEO adalah Kerangka, Konten adalah Otot, Sosial Media adalah Fisik
  • 46. Bagaimana Cara Kerja Google?
  • 47. Perbaharui Posting Lama Anda
  • 48. Mengapa Page Rank Blog/Web Jatuh?
  • 49. Share Buttons Milik Blogger
  • 50. Integrasi Antara Blogger dan Zemanta Gadget
  • 51. Gambaran Frekuensi Posting Blog kita
  • 52. Cara Mengatasi Blog Post dari Copy Paste
  • 53. Batas/Limit Kapasitas Akun Blogger
  • 54. Posting Blog Menggunakan Word 2010
  • 55. 6 Situs Foto Gratis untuk Blog Anda
  • 56. Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
  • 57. 5 Alasan Mengapa Anda Harus Menjawab Setiap Komentar
  • 58. Cara Memodifikasi Bullet List dan Numbered List di Blogger Post
  • 59. Generasi Blogger Masih Didominasi Oleh Kawula Muda
  • 60. Blogger Perkenalkan Pendeteksi Otomatis Komentar Spam
  • 61. Blogger Belajar Dari Harry Potter
  • 62. Trik Menampilkan Total Post, Comment, dan Online User
  • 63. 38 Jawaban SEO
  • 64. Trik Menampilkan Total Post, Comment, dan Online User
  • 65. Cara Mentransfer Akun Blog ke Akun Blog yang Lain
  • 66. Mengenal Fungsi Navbar di Blogger
  • 67. Cara Pasang Recent Posts Thumbnails Dengan Mudah
  • 68. Cara Memasang File Flash Di Blog Post
  • Popular Posts

    Shout it!