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.

cara-menambahkan-google-web-font-pada-blogger

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.

cara-menambahkan-google-web-font-pada-blogger1

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


cara-menambahkan-google-web-font-pada-blogger2

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.

 
cara-menambahkan-google-web-font-pada-blogger3


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.
membuat-kaos-dengan-desain-sablon-sendiri

Bagikan ke

Silahkan berkomentar dan Terima kasih

*Untuk menyisipkan Emoticon, pilih Emoticonnya
*Untuk menyisipkan Kode, gunakan konversi kode

Konversi KodeEmoticon


Copyright © 2013-2014 Rumah No 48 - All Rights Reserved
Back to Top