Friday, June 03, 2011

Cara Merubah Font Blog

 Kamu ingin blog mu terlihat lebih menarik, atau ingin terlihat berbeda dari blog punya orang lain, mungkin salah satunya kamu bisa mencoba dengan dengan cara merubah Font blog, jadi tulisan blog mu menjadi lebih menarik.
awalnya saya penasaran dengan template blog saya ini karena font judul postingannya bisa jadi font graffiti, saya kira itu menggunakan kode html, tapi ternyata menggunakan kode CSS yang saya belum terlalu mengerti, tapi saya mencoba uprak-oprek itu kode dan menemukan nama font tersebut. Langsung saya cari di Goggle link pertama masuk ke google.com/webfont pas saya klik use this font nah ternyata di situ ada sepenggal clue untuk saya ulik kembali. Dan setelah ngulik 1 jam akhirnya ketemu juga caranya....


1. Masuk ke www.google.com/webfonts
2. Pilih Font yang anda inginkan, lalu klik

3. Setelah Di klik Pilih Use This Font
4. Copy kode html

ini tutorial ori www.zamal-tkj.co.cc
6. Sekarang kita Buka Blogger Di tab Baru Klik Rancangan > Edit HTML .
7. Cari <b:skin><![CDATA[ Dan letakan kode tadi di atasnya, lalu tutup kode tersebut dengan "/" sebeleum ">" menjadi seperti ini <link href='http://fonts.googleapis.com/css?family=Cabin+Sketch' rel='stylesheet' type='text/css'/>
8. Lalu kita kembali ke tab webfont
9. Copy Code CSS
10. Copy kode Tersebut, lalu kembali ke tab blogger.
11. jika Anda Ingin mengganti font Judul Postingan, cari header .description atau .post h3 a,.post h3 a:visited,.post h3 strong , lalu perhatikan kode di bawah.

.post h3 a,.post h3 a:visited,.post h3 strong {
font-family:"Reenie Beanie",Helvetica Neue, helvetica, Arial, sans-serif;
font-size:25px;
font-weight:bold;
color:#47443A;
text-decoration:none;
display:block;
text-transform:uppercase;
}
Menjadi

.post h3 a,.post h3 a:visited,.post h3 strong {
font-family:"Cabin Sketch", arial, serif;  {kode yang sudah di copy} font-size:25px;
font-weight:bold;
color:#47443A;
text-decoration:none;
display:block;
text-transform:uppercase;

Saya yakin yang newbie rada-rada pusing {sama seperti saya, tapi saya tanpa tutorial}
SEMOGA BERMANFAAT



No comments:

Post a Comment

Powered by Blogger.