Rabu, 20 Maret 2013

Memasang font-awesome di blogger

Apa itu font awesome ? font awesome adalah font yang terdapat icon icon kren di dalamnya :D, salah satu contohnya :
              
Itu asli dari fontnya, (bukan gambar)

Oke lah langsung kepada caranya :
1. Pada halaman dasbor blogger anda klik template>Edit HTML.
2. Cari code ]]></b:skin> ,copy code di bawah lalu paste di bawah code ]]></b:skin>
<link href="https://rawcdn.githack.com/tik9797/tikmusics/428bf276bd00ddbfbe413a11517ed559ae2ac533/font-awesome.min.css" rel="stylesheet">
3. Anda tinggal membuat markup seperti di bawah apabila mau menampilkan salah satu dari icon tersebut :
- Icon biasa :
 <i class="fa fa-google-plus"></i>
- icon perbesar :
 <i class="fa fa-google-plus-sign fa-1x"></i>
 <i class="fa fa-google-plus-sign fa-2x"></i>
 <i class="fa fa-google-plus-sign fa-3x"></i>
 <i class="fa fa-google-plus-sign fa-4x"></i>
- Icon memutar :
 <i class="fa fa-repeat fa-spin fa-3x"></i> 
4. Untuk kode CSSnya anda bisa lihat list kode CSS beserta gambarnya ,berikut link download list kode css :
Download
Oke skian postingan saya kali ini :)
WASSALAMMUALAIKUM WR.WB

6 komentar

Posting Komentar