Menambahkan font baru ke Blogger bisa memanfaat fasilitas Google Font API. Anda tidak perlu ahli dalam pemrograman untuk melakukan ini, hanya dengan mendapatkan kode HTML sederhana dari Font Google Web dan menambahkannya ke Template Blogger Anda.
kemudian lihat font gaya font di CSS.
Jadi, ikuti langkah-langkah mudah untuk menambahkan font tersebut ke blog Anda.
1. Masuk ke Direktori Font Google.
2. Klik pada font yang Anda sukai.
3. Klik pada tab "Review" selanjutnya "Use".
4. Centang kotak centang untuk varian dari font yang ingin Anda gunakan. Salin kode di dalam kotak. Contoh :
5. Sekarang login ke Blogger> Desain> Edit HTML. Dan kode cari </ head> tag.
6. Paste kode dalam clipboard sebelum </ head> tag.
<span style="font-family:Adamina; font-size:24px;"> Teks Anda Disini </ span>
Jika Anda pandai mengedit CSS, maka Anda hanya dapat menggunakan font dalam tumpukan font CSS seperti font lain.
CSS selector {
font-family: 'Nama Font', arial, serif;
}
Berikut adalah sebuah contoh. Salin dan sisipkan HTML berikut ke dalam file
Anda dapat mengubah tampilannya dengan menggunakan CSS. Coba tambahkan bayangan dengan gaya pada contoh sebelumnya:
body {
font-family: 'Adamina', serif;
font-size: 48px;
text-shadow: 4px 4px 4px #aaa;
}
Demikian semoga bermanfaat.
kemudian lihat font gaya font di CSS.
Jadi, ikuti langkah-langkah mudah untuk menambahkan font tersebut ke blog Anda.
2. Klik pada font yang Anda sukai.
3. Klik pada tab "Review" selanjutnya "Use".
4. Centang kotak centang untuk varian dari font yang ingin Anda gunakan. Salin kode di dalam kotak. Contoh :
<link href='http://fonts.googleapis.com/css?family=Sorts+Mill+Goudy|Adamina' rel='stylesheet' type='text/css'/>
5. Sekarang login ke Blogger> Desain> Edit HTML. Dan kode cari </ head> tag.
6. Paste kode dalam clipboard sebelum </ head> tag.
Jika Anda pandai mengedit CSS, maka Anda hanya dapat menggunakan font dalam tumpukan font CSS seperti font lain.
CSS selector {
font-family: 'Nama Font', arial, serif;
}
Berikut adalah sebuah contoh. Salin dan sisipkan HTML berikut ke dalam file
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Adamina">
<style>
body {
font-family: 'Adamina', serif;
font-size: 48px;
}
</style>
</head>
<body>
<h1>Making the Web Beautiful!</h1>
</body>
</html>
Anda dapat mengubah tampilannya dengan menggunakan CSS. Coba tambahkan bayangan dengan gaya pada contoh sebelumnya:
body {
font-family: 'Adamina', serif;
font-size: 48px;
text-shadow: 4px 4px 4px #aaa;
}
Demikian semoga bermanfaat.
Tips tentang promosi blog/website sudah banyak dibahas, diantaranya tentang SEO, komunitas, atau content. Sebagai selingan agar tetap rileks, kali ini saya akan mengungkapkan ide-ide promosi blog/website yang tidak tahu malu, benar-benar konyol, atau fun! Apa itu?





















