Cara Mengganti Atau Menambahkan Style Font Di template Blogger

Pada kesempatan kali ini, Tutor Blogger akan menjelaskan kepada Anda tentang Cara Mengganti Atau Menambahkan Style Font Di template Blogger dengan mudah...

Untuk kalian ketahui, font adalah jenis atau gaya tulisan. Pada template blogspot (blogger), anda dapat dengan mudah mengganti font, namun dengan jumlah jenis font yang sangat terbatas. Beberapa jenis font yang dimiliki template blogspot yaitu arial, courier, georgia, lucinda grande, times, trebuchet, verdana dan webdings.

Jenis font tersebut kadang tidak sesuai dengan keinginan kita karena kurang cocok dengan gaya atau design blog kita. Nah, jika anda menginginkan font yang lebih stylish atau elegan, silahkan ikuti tutorial berikut ini :

1. Pergi ke http://www.google.com/webfonts
2. Silahkan cari jenis font yang anda inginkan, tambahkan beberapa font dengan mengklik tombol Add to Collection.
3. Jika selesai, klik tombol Use disebelah kanan bawah browser
   


4. Kemudian copy kode yang telah di hasilkan
   


5. langsung menuju ke template blogger anda, cari kode <b:skin><![CDATA[/*
6. Paste kode yang dikopi dari Google Web Font diatas kode <b:skin><![CDATA[/*
7. kemudian tambahkan kode slash "/" yang berwarna merah pada akhir kode yang dipaste tadi sehingga terlihat seperti dibawah ini:
   

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

Sekarang saatnya anda tinggal mengganti font pada bagian template anda. sebagai contoh untuk mengganti font header di template anda, caranya seperti berikut ini:

1. Carilah kode #header h1 atau h2.postTitle 
2. Setelah itu ganti font family yang tadi anda pilih, contohnya seperti dibawah ini:
Kode awal pada template yang belum dirubah


#header h1{color:#00008B;font-size:26px;font-family: Arial ;font-weight:700;text-decoration:nnne;margin:0;padding:10px 0 0 10px}

Kode setelah kita ubah

#header h1{color:#00008B;font-size:26px;font-family:'Belleza, Oxygen;font-weight:700;text-decoration:nnne;margin:0;padding:10px 0 0 10px}

Cara Mengganti Atau Menambahkan Style Font Di template Blogger telah selesai.
Mudah bukan?
Silahkan dicoba saja, tapi jangan lupa ikuti langkah di atas dengan baik dan ingat untuk backup template anda.
Selamat mencoba dan semoga bermanfaat !