Cara Menambah Icon Pada Sajian Navigasi Blog Dengan Mudah

Mungkin kita bosan dengan tampilan weblog yang kebanyakan tulisan, sebagai solusi supaya tampilan weblog kita lebih menarik sanggup dengan menambahkan icon pada sajian navigasi blog. 

Icon merupakan gambar atau simbol yang berukuran lebih kecil. Icon yang akan digunakan akan melambangkan isi dari menu navigasi yang akan dibuat. Dengan adanya penambahan icon pada weblog sedikit banyak nya akan mengatakan ketertarikan pada weblog kita.

Mungkin materi ini sudah banyak di weblog lainnya, tapi kali ini saya akan membahas berdasarkan ilmu yang telah saya pelajari dari weblog lain. 

Baiklah langsung saja kita masuk ke inti pembicaraan yakni bagaimana cara membuat icon pada menu navigasi weblog dengan mudah. Untuk gambaran alhasil ibarat gambar dibawah ini:

Icon pada menu navigasi

Cara Menambah Icon pada Menu Navigasi Blog 

1.Silahkan masuk ke halaman bloggernya terlebih dahulu, kemudian klik pada sajian Tema > edit HTML.  Selanjutnya re-create dan pastekan aba-aba di bawah ini diatas </head>.

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

2.Kode diatas berfungsi sebagai aba-aba pemanggilan font awesome, sehabis di glue kan carilah kode-kode sajian navigasi weblog yang ingin ditambahkan icon. 

untuk memilih icon-icon yang digunakan, silahkan klik link berikut: 

http://fontawesome.io/icons/

3.Untuk memanggil icon yang telah dipilih, silahkan re-create glue kan aba-aba di bawah ini, setelah < a href=""> atau sebelum nama dari sajian navigasi. 

<i class='fa fa-nama icon yang kalian pilih'/>

contoh ibarat dibawah ini:

<li><a href='#'><i class='fa fa-user'/>About</a></li>

4.Setelah semua icon ditambahkan pada sajian navigasi silahkan simpan aba-aba tersebut. 

5. Selesai. 

Demikianlah, cara menambah icon pada menu navigasi weblog dengan mudah... Memang mudahkan caranya... Selamat Mencoba. 

Bagikan Artikel ini