131
Font Keren Untuk Posting Blog


google-web-font-sc.png 
Defaultnya,blogger hanya menyisipkan beberapa font yang menjadi standard microsoft didalamnya.Pada umumnya yaitu font seperti Arial,Trebuchet MS, Lucida Sans, Times New Roman,Calibri,Georgia, Verdana dan beberapa lainnya. Sebenarnya dengan ragam font yang telah disediakan tersebut,kita sudah mampu membuat tampilan blog yang terlihat indah.Terlebih lagi jika kita kreasikan efek CSS3.
Namun,bila sobat berencana untuk memberikan sentuhan font yang berbeda pada blognya,sobat bisa menggunakan style sheet external dari google font.Saat ini,baru ada 23 font yang disediakan oleh google dan akan terus ditambah selanjutnya. Sobat bisa melihat directory font-font yang disediakan tersebut melalui link http://code.google.com/webfonts .

Variasi hurufnya pun cukup banyak, tergantung kita memadu padankan dengan template yang kita gunakan. Dibawah ini ada beberapa fonts yang bisa sobat terapkan di blog sobat, dan cara penggunaannya.

image

<link href='http://fonts.googleapis.com/css?family=Tangerine:regular,bold' rel='stylesheet' type='text/css'/>

image

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>

image

<link href='http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light' rel='stylesheet' type='text/css'/>

image

<link href='http://fonts.googleapis.com/css?family=Cardo' rel='stylesheet' type='text/css'/>

image

<link href='http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT' rel='stylesheet' type='text/css'/>

image
<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'/>
 
image
<link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC' rel='stylesheet' type='text/css'/>

image
<link href='http://fonts.googleapis.com/css?family=Vollkorn:regular,bold' rel='stylesheet' type='text/css'/>

Yanone Kaffeesatz
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'/>

  1. Masuk ke Rancangan
  2. Kemudian tuju bagian Edit HTML
  3. Copy salah satu kode huruf tersebut dan letakkan  diatas kode </head> pada template sobat.dan bisa juga sobat menaruhnya dibawah code ]]></b:skin>
  4. Kemudian tambahkan font yang sobat gunakan pada bagian css, contohnya seperti berikut :
    #header h1 { font-family: 'Yanone Kaffeesatz',Arial,Verdana; }
    atau lengkapnya kira-kira seperti dibawah ini :
    #header h1 {
    font-family:'Yanone Kaffeesatz',Arial,Verdana;
    font-size:46px;
    font-weight:bold;
    letter-spacing:0em;
    line-height:1.2em;
    color:#aaa;
    text-shadow:1px 1px 2px #000;
    margin:0;
    padding:60px 480px 0px 0px;
    }
  5. Simpan Template

Perhatikan saja kode yang saya tandai dengan warna merah, karena hanya kode tersebut yang ditambahkan kedalam css template. Sobat juga bisa menggunakannya pada judul postingan (h3) atau judul sidebar (h2). Baiklah, selamat mencoba dan semoga berhasil.
sekian tips mengganti Font Keren Untuk Posting Blog, SEMOGA BERMANFAAT...

Do you want to share?

Do you like this story?

Anda sedang membaca artikel Font Keren Untuk Posting Blog dan artikel ini url permalinknya adalah http://info-adit.blogspot.com/2011/11/font-keren-untuk-posting-blog.html
Semoga artikel Font Keren Untuk Posting Blog ini bisa bermanfaat.

Article :

13 komentar: — Skip to Comment.

Dmitrick mengatakan...

hahaha bagus buat judul nih!!!

Aditya Harviansyah mengatakan...

@Dmitrick hehe terimakasih sudah komentar

Rohis Facebook mengatakan...

wah... keren sob kapan2 aq coba ya..., *smile

tautanpena mengatakan...

Pena hadir dan absen pagi sob..tipsnya perlu dicoba nih....

B_Riot mengatakan...

kunjungan rutin ke blog sahabat,di tunggu komentar dan kunjungan rutin juga
terimakasih sob

Deganshah Putra mengatakan...

nice info sob

Aditya Harviansyah mengatakan...

Rohis Facebook: iya sob coba aja :D

tautanpena: silahkan dicoba my friend

B-riot: iya saya akan komentar balik

Deganshah Putra: mudah mudahan membantu :D

Torayasurabaya mengatakan...

Terimakasih sangat membantu sekali postingan ini..

Aditya Harviansyah mengatakan...

@Torayasurabaya sama sama gan

Persada Blog mengatakan...

Ijin mencobanya ya mas bro ;)

Aditya Harviansyah mengatakan...

@Persada Blog silahkan gan

om onny mengatakan...

fontnya keren-keren, saya lebih suka pakai font comic sans. thanks atas sharenya, bro.

club computer smanega mengatakan...

nice info gan,,sangat bermanfaat ^^
thx ya gan