Membuat icon pada menubar blog

Icon pada menubar kadang menjadi suatu keindahan tersendiri bagi pengunjung blog. Untuk membuat icon pada blog sekarang kita tidak perlu repot untuk membuat gambar dan memasukan url lain ke blog kita, walaupun itu masih bisa dilakukan jika kita ingin membuat icon yang sesuai dengan keinginan. kali ini untuk membuat icon kita tinggal menggunakan font awesome yang telah disediakan oleh penyedianya. Untuk menggunakan font awesome kita kunjungi alamat ini. 

Setelah masuk pada halaman tersebut kita ketik icon yang ingin kita cari, misalkan saya ingin membuat icon home pada menubar .

setelah icon home kita click nanti akan muncul kode di bawahnya untuk memasukan font awe some ke dalam list kita, lalu kita copy kode di bawahnya.

Selanjutnya Kita masuk ke dashboard blog kita kemudian click template lalu EDIT HTML. lalu letakan code untuk memanggil font awesome berikut di b awah <title><data:blog.pageTitle/></title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome

/4.4.0/css/font-awesome.min.css">

 setelah itu kita letakan code font awesome ditempat kita ingin menampilkan iconnya. disini saya ingin meletakan font awesome pada list home.

<li><a class='homer' href='http://alumni-cisompet.blogspot.co.id'><i class='fa fa-home'/>HOME</a>

Warna biru adalah font awesome untuk membuat icon home. Setelah Selesai kita simpan templatenya. untuk demonya lihat di sini:

DEMO

Demikian langkah untuk membuat icon pada menu bar bloger mudah-mudahan ada manfaatnya... 

Author : Hamzah Fansuri

Share this

Related Posts