Cara Menambahkan Google Web Font Pada Blogger

Ini Adalah cara yang perlu dicoba jika anda ingin menambahkan font baru pada template blog yang Anda miliki. Blogger menggunakan web font untuk desain yang lebih baik dari Anda font blogger blog. Anda dapat menemukan font web Google dengan mengklik tombol menyesuaikan dalam blogger template.

Bagaimana Menambah atau Mengganti Font Web Google untuk Blogger

Silakan ikuti langkah-langkah berikut untuk Menambahkan Font Web Google ke blog Blogger Anda:
Langkah 1
Ke http://www.google.com/webfonts dan pilih font yang Anda inginkan untuk ditambahkan di blog Anda seperti yang ditunjukkan pada gambar di bawah.

Langkah 2
Setelah memilih font Anda klik pada tombol penggunaan seperti yang ditunjukkan pada gambar di bawah.

Langkah 3
Setelah memilih font yang dipergunakan, masuk kehalaman berikutnya dengan meng-klik tombol Quick Use, halaman quick use merupakan halaman keterangan bagaimana menggunakan font yang terpilih supaya bisa ditampilkan pada weblog. dan akan tampil javascript dan css seperti dibawah ini dan copy kedua kode tersebut untuk ditempatkan di template blog kita.
 

Langkah 4
Langsung menuju Blogger -> Templates dan klik pada Edit HTML

Langkah 5
Sekarang Paste kode HTML yang Anda pilih di Google Web Font Sebelum </head>. Scriptnya yang hampir sama seperti ini dan jangan lupa tambahkan penutup slash atau / pada akhir javascriptnya.

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

Langkah 6
Sekarang Paste kode CSS yang Anda pilih di Google Web Font Sebelum ]]></b:skin>. Scriptnya yang hampir sama seperti ini.

.header {
  font-family: 'Playball', cursive;
  ...
  <!-- CSS Properti lainnya -->
}

Simpan Template Anda dan lihat hasilnya.

Bagikan ke

Facebook Google+ Twitter

Search