Custom Font dari Kernest Untuk Blogger/Blogspot
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 atau notepad.
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 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>
Sempga bermanfaat.... Selamat malam...
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 atau notepad.
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 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>
Sempga bermanfaat.... Selamat malam...
amankan pertamaxxxnya
BalasHapuswah maksih mas doyok atas infonya
BalasHapusdapat ilmu baru lagi tentang blogger :D
hmmm...
BalasHapusbagus nih buat design template
thanks mas doyok ^_^
Wah Font Ya kreen bagat tapi ada gak Font yang paling Kreen lagi? hihihihihi
BalasHapusmakasi atas informasi ya :)
Wah... Tips keren tuh, aq pakai ya kang
BalasHapusbisa bikin blog jd berseni tinggi' kalau post tulisan arab gmana?
BalasHapusterima kasih mas doyok. . . Info yg bermanfaat sekali
BalasHapuslumayan nih tipsnya supaya blog tambah berwarna...
BalasHapus:D pake gugel font jga ada mas...
BalasHapusKEren banget mas doy..
BalasHapusgoogle ternyata fiturnya banyak yah..
BalasHapusmantap cuy, ane mau coba dulu mas...
BalasHapusboleh juga nih mas doy
BalasHapus@ramlan
BalasHapussip mas :D
monggo dicoba
@4704966525656347079.0
BalasHapusini bukan google
@7835218881152355853.0
BalasHapusdi postingan itu kan juga ada link rujukan
aku pernah post dulu
@7570396654426677081.0
BalasHapusyo iyolah kang hahaha
Narutopedia Express is exclusive encyclopedia about everything in naruto anime like character biographies, jutsu, hidden village, handseal, jinchuriki, akatsuki, and other skills
BalasHapusNarutopedia Express is exclusive encyclopedia about everything in naruto anime like character biographies, jutsu, hidden village, handseal, jinchuriki, akatsuki, and other skills
BalasHapusNarutopedia Express is exclusive encyclopedia about everything in naruto anime like character biographies, jutsu, hidden village, handseal, jinchuriki, akatsuki, and other skills
BalasHapusNarutopedia Express is exclusive encyclopedia about everything in naruto anime like character biographies, jutsu, hidden village, handseal, jinchuriki, akatsuki, and other skills
BalasHapusNarutopedia Express is exclusive encyclopedia about everything in naruto anime like character biographies, jutsu, hidden village, handseal, jinchuriki, akatsuki, and other skills
BalasHapus