| Profil | Contact Us | Sitemap | Link Exchange | Banner Exchange
Profil G+ Profil Facebook Profil twitter profil Youtube rss feed comment feed

Related posts

Google Web Font, Cara Mudah Tambah Font Baru ke Blog

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 :

<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.

<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


<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.

Posting Komentar - Back to Content

 

About BlogFsYm.COM