Selasa, 03 Mei 2011

MengubahTampilan Font Blog Dengan Font Cantik Dari Google

~Assalamualaikum wr.wb~
Halo sobat sharelikers,Selamat siang menjelang sore.Hem,Karena saya nulis tutorial ini siang makanya saya nulisnya selamat siang.Alhamdulilah di hari Ini Yang Penting Share!™ udah punya follower 100 sharelikers.Tentunya saya sangat senang dan terharu karena tulisan-tulisan amburadul dalam blog ini masih di apresiasi Oleh para sharelikers.Semoga kedepannya Blog ini lebih maju lagi.Amin

Cukup dulu ah ceritanya,ntar ngelantur kemana-mana,hehehe.Kali ini sebenarnya saya mau ngasih tips mengubah font/jenis huruf di blog sobat .Seperti yang sobat liat pada Judul Artikel Ini lohh.Kini Google menambah beberapa jenis font lagi untuk penggunaan standar yang bisa kita pilih untuk digunakan di blog kita. Jika sebelumnya sobat hanya berkutat dengan Times New Roman, Arial, Courier, Georgia, Helvetica, Trebuchet atau Verdana, kini sobat akan memiliki lebih banyak lagi pilihan. Ada 18 pilihan  font baru yang akan Membuat Blog sobat bertambah menarik.Nah Bagaimana cara  mengubahnya?Mari kita simak cara-caranya berikut ini dari master Doyok.

2.Disana sobat akan melihat jenis-jenis font yang sangat beragam,lalu klik salah satu
3.Kemudian Akan muncul Karakteristik dari Font tersebut

4.Lalu klik Use This Font untuk mendapatkan kodenya
5.Copy paste Kode Tersebut diatas ]]></b:skin> Atau </head> 
  (pilih salah satu yang bisa berfungsi)
  contoh kode Font Lobster
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
6.Kemudian cara Penggunaannya adalah Untuk keseluruhan jenis font sobat,
   sobat cari kode yang mirip-mirip seperti berikut ini
font-family:Arial,Helvetica,Sans-serif;
font-size:13px;
7.Sobat ganti tulisan Merah itu Sesuai Nama Font yang kodenya sobat pasang (lihat point 4 dan 5)

contoh : untuk penggunaan Di blockquote

blockquote {
         padding: 10px;
         margin: 10px 0 10px 20px;
         font family: 13px/17px Serif, Times, Helvetica;

}
 Sobat lalu ganti dengan kode font,misal sobat memilh kode font Lobster
blockquote {
         padding: 10px;
         margin: 10px 0 10px 20px;
         font family: 13px/17px Lobster;

}
 8.lalu klik save template sobat
9.Untuk Penggunaaan hanya di tulisan tertentu,misal dalam Menulis Postingan
   sobat bisa Gunakan Kode html seperti contoh dibawah Ini.(tetap sebelumnya
   kode font  dipasang seperti poin 4 dan 5)

<span style="font-family: Lobster;  font-size: 20px;">
Tulis Teks Sobat Inginkan Disini
</span>
Catatan :
Font ini di standarkan dalam penggunaan web, jadi tidak tergantung font itu  terinstall di komputer Anda atau tidak.Namun Font ini hanya compatible di:
- Google Chrome: version 4.249.4 serta Keatas/lebih baru
- Mozilla Firefox: version: 3.5 keatas/lebih baru
- Apple Safari: version 3.1 keatas/lebih baru
- Internet Explorer: version 6 keatas/lebih baru

~~~~~~~~~~~SEMOGA BERMANFAAAT~~~~~~~~~~

Sumber:http://www.masdoyok.co.cc/2010/06/ganti-font-blog-pilih-font-cantik-di.html

0 komentar:

Posting Komentar