Cara Membuat Icon Gambar Pada Menu Navbar Blog


Kamset.blog- akan membagi tips untuk mendisain blog sobat agar lebih friendly dan tampak indah. tentu saja sobat sebagai penulis ingin mempunyai blog yang memiliki tapilan yang indah. Maka dari itu Kamset.Blog- akan memberikan tips untuk membuat icon gambar disamping tulisan navabar menu pada blog sobat. Saya akan menjelaskan dengan cara yang mudah dan cepat dipahami.

Jadi,,Sekarang sobat ikuti langkah-langkah ini:
1. Masuk ke template,,Lalu pilih edit Html;
2. Setelah Masuk ke edit Html,,Cari kode script pada bagian navbar kurang lebih seperti contoh dibawah ini :

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Bussines</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
</ul>
</li>
<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Featured</a></li>
<li </ul>
</li>
><a href='#'>Uncategorized</a></li>
</ul>
</div>

3. Setelah sobat menemukan script tersebut silahakan sobat tambahkan kode script berikut ini:

<i class='fa fa-(masukan tulisan nama logo disini)'/>

Tepat disamping tulisan berwarna biru.
contohnya ; 
<li><a expr:href='data:blog.homepageUrl'><i class='fa fa-(masukan tulisan nama logo disini)'/>(2 spasi)Home</a></li>

4. Setelah sobat masukkan kode script seperti Contoh diatas berikan jarak 2 spasi agar logo tulisan pada navaba tidak tertimpa.

5. Dan Berikut ini saya akan memberikan nama Logo-logo yang bisa sobat pakai :

- Home 
- Dollar
- Globe 
- Child
- Warning
- Tags
- Star
wrench

Setelah sobat memasukkan yang ingin sobat buat simpan dan selesai.

Demikian penjelasan tentang membuat icon gambar pada navbar menu blog, dan memang masih ada yang kurang dalam penulisan lambang icon mungkin akan secepatnya saya tambahkan, sekian dulu terimakasih.


EmoticonEmoticon