Membuat Icon Awesome Pada Judul Widget

Font Awesome merupakan kumpulan icon dan  tombol yang berbasis font. Artinya, ketika sobat membutuhkan ikon di blog, tidak lagi menggunakan gambar / image yang tentunya akan lebih mempercepat loading blog sobat. Dan kali ini saya akan kasih tutor cara meletakkan nya di judul widget. Sebenarnya icon ini bisa di letakkan dimana-mana, tapi kali ini di judul widgat aja.

Sebelumnya, tengok dulu contoh nya

Berikut tutorial nya

Sebelumnya, anda harus memasang widget yang ingin di beri icon nya dulu.
lalu pasang kode ini di atas </head>

<link href='//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>

1. Masuk edit html
2. Klik lompat widget, pilih widget yang ingin di beri icon. Contoh "Label1"
3. Klik seperti yang di tunjukan gambar ini

4. Cari kode

<data:title/>

5. Tambahkan kode berikut

<i class="Kode Icon"></i>

Keterangan :
1. Ganti Kode Icon dengan kode icon yang di inginkan. List ikon bisa di lihat di sini. Contoh "icon-tags"
2. Jika ingin meletakkan ikon di kiri judul, sebelum kode no 4. Begitu sebaliknya
3. Jika ingin memperbesar ikon berikut cara nya

<i class="Kode Icon"></i>
<i class="Kode Icon icon-large"></i>
<i class="Kode Icon icon-2x"></i>
<i class="Kode Icon icon-3x"></i>
<i class="Kode Icon icon-4x"></i>

Pelajari cara nya ya oke :D,  makin tinggi nilai nya, makin besar icon nya.  semoga anda mengerti

Semoga berhasil, dan semoga bermanfaat

tutorial icon awesome by www.blog.kangismet.net