W
hats up guys..? ketemu lagi nih sama gw, yang gak bosan2 untuk ngasih tutorial dan tips untuk kalian semua, yups kali ini gw mau ngasih tau cara penerapan atau merubah font di blog saya ini, sebenernya sih gw agak gimana gitu mau nulis nih posting, karena jarang banget gw nulis tutorial tentang blogspot, tapi nggak apa2, untuk memenuhi request dari sahabat blogger gw yaitu Iskaruji.com dan To-SIDRAP.com yang bertanya sama gw di postingan larsen17 buka rahasia, gimana cara penerapan font di blog saya ini, ya akhirnya saya tulis dah nih postingan untuk memenuhi permintaan sahabat2 blogger gw tersebut..Okedeh dari pada banyak cingcong mending langsung aja ke TKP:
Font ini namanya Kristi
<style type="text/css">Font ini namanya Just Me Again Down Here
@font-face {font-family: 'Kristi';font-style: normal;font-weight: normal;src: local('Kristi'), url('http://themes.googleusercontent.com/font?kit=EBOxo6OoarykMRxohIxAtw') format('truetype');}
</style>
<style type="text/css">Font ini namanya Dancing Script
@font-face {font-family: 'Just Me Again Down Here'; font-style: normal;font-weight: normal;src: local('Just Me Again Down Here'), local('JustMeAgainDownHere'), url('http://themes.googleusercontent.com/font?kit=sN06iTc9ITubLTgXoG-kc1kSerjmKQx4_8bS0O3fSGc') format('truetype');}
</style>
<style type="text/css">Font ini namanya Schoolbell
@font-face {font-family: 'Dancing Script'; font-style: normal; font-weight: normal; src: local('Dancing Script'), local('DancingScript'), url('http://themes.googleusercontent.com/font?kit=DK0eTGXiZjN6yA8zAEyM2S5FJMZltoAAwO2fP7iHu2o') format('truetype');}
</style>
<style type="text/css">Font ini namanya Reenie Beanie
@font-face {font-family: 'Schoolbell';font-style: normal;font-weight: normal;src: local('Schoolbell'), url('http://themes.googleusercontent.com/font?kit=BSqn7FernLolrt-MFco9Wi3USBnSvpkopQaUR-2r7iU') format('truetype');}
</style>
<style type="text/css">Font ini namanya Sunshiney
@font-face {font-family: 'Reenie Beanie';font-style: normal;font-weight: normal;src: local('Reenie Beanie'), local('ReenieBeanie'), url('http://themes.googleusercontent.com/font?kit=ljpKc6CdXusL1cnGUSamXybsRidxnYrfzLNRqJkHfFo') format('truetype');}
</style>
<style type="text/css">Font ini namanya Walter Turncoat
@font-face {font-family: 'Sunshiney';font-style: normal;font-weight: normal;src: local('Sunshiney'), url('http://themes.googleusercontent.com/font?kit=Qyy6HDeMPsv9ES6PzMFxeKCWcynf_cDxXwCLxiixG1c') format('truetype');}
</style>
<style type="text/css">Font ini namanya Mountains of Christmas
@font-face {font-family: 'Walter Turncoat';font-style: normal;font-weight: normal;src: local('Walter Turncoat'), local('WalterTurncoat'), url('http://themes.googleusercontent.com/font?kit=sG9su5g4GXy1KP73cU3hvVtilBVlnnYjrhQJoWzUtmo') format('truetype');}
</style>
<style type="text/css">Font ini namanya Indie Flower
@font-face {font-family: 'Mountains of Christmas';font-style: normal;font-weight: normal;src: local('Mountains of Christmas'), local('MountainsofChristmas-Regular'), url('http://themes.googleusercontent.com/font?kit=dVGBFPwd6G44IWDbQtPew1bt-oIll-RyBOVQqGBP3Ww') format('truetype');}
</style>
<style type="text/css">Font ini namanya Architects Daughter
@font-face {font-family: 'Indie Flower';font-style: normal;font-weight: normal;src: local('Indie Flower'), local('IndieFlower'), url('http://themes.googleusercontent.com/font?kit=10JVD_humAd5zP2yrFqw6nhCUOGz7vYGh680lGh-uXM') format('woff');}
</style>
<style type="text/css">Cara pemasangannya di blogspot:
@font-face {font-family: 'Architects Daughter';font-style: normal;font-weight: normal;src: local('Architects Daughter'), local('ArchitectsDaughter'), url('http://themes.googleusercontent.com/font?kit=RXTgOOQ9AAtaVOHxx0IUBOkI_DLF4EgbZt3mhU8gQFo') format('woff');}
</style>
1. Login ke blog masing2 dulu donk.. wkkwk
2. Pada dashboard klik Rancangan.
3. Edit HTML
4. Jangan lupa centang "Expand Widget Template"
5. Carilah code </head> , (gunakan CTRL+F untuk mempercepat pencarian). Kalau sudah ketemu pastekan code CSS font yang sobat inginkan tepat diatas kode </head>
6 Save Template. selesai.. (eittss belom masih ada step berikutnya)
Untuk penulisan di dalam postingan sobat tinggal tambahkan kode berikut:
<span style="color: blue; font-family: Just Me Again Down Here; font-size: 25px;">TULISAN ANDA DISINI</span>Keterangan:
1. Blue adalah warna dari font tersebut.
2. Just Me Again Down Here adalah nama font tersebut.
3. 25px adalah size dari font tersebut. silahkan di atur sesuka kalian. ^_^
4. TULISAN ANDA DISINI adalah isi dari postingan sobat.
Dan untuk merubah jenis font di judul postingan silahkan sobat ganti saja dengan nama2 font yang sudah sobat pasang di dalam template sobat, caranya mungkin sobat2 semua sudah pada tau, dan tidak perlu saya jelaskan lagi. oke sobat..!
Biar tidak capek gabungin kode CSS font nya satu persatu gw kasih kode lengkapnya dari 10 kode font diatas sudah gw satuin, berikut kode CSS nya:
Klik show untuk melihat
Mungkin sampai disini saja penjelasan gw kali ini tentang Cara Merubah Font di Blogspot jika ada yang kurang atau salah mohon kritiknya, dan harap dimaklum, masih dalam tahap belajar. oke sobat.
See U next post and enjoy with this post. !!
My Inspirations Blog: Nama Panjang
Tidak ada komentar:
Posting Komentar