Selasa, 05 April 2011

Membuat Menu atau Navigation Bar Blogger


Bagi Anda yang menginginkan blognya terpasang menu bar atau menu navigasi seperti gambar diatas. Tetapi Anda tidak bisa CSS dan tidak mau merumitkan diri dengan mengedit template melalui Edit HTML. Tenang saja, saya mempunyai cara lain yang mudah. Dan menu navigasi blog ini dibuat dengan cara yang sama.

Baik, tidak usah berpanjang lebar. Mari kita langsung ke tutorialnya. Langkah-langkahnya adalah sebagai berikut :


1.     Copy tulisan di bawah ini.

<ul>
<li><a href="http://www.for-share-blog.blogspot.com/" title=""><span>HOME</span></a></li>

<li><a href="http://for-share-blog.blogspot.com/search/label/Tips%20&%20Trik" title=""><span>TIPS & TRIK</span></a></li>

<li><a href="http://for-share-blog.blogspot.com/search/label/Materi%20Kuliah" title=""><span>MATERI KULIAH</span></a></li>

<li><a href="http://for-share-blog.blogspot.com/search/label/Bisnis%20Online" title=""><span>BISNIS ONLINE</span></a></li>

<li><a href="http://for-share-blog.blogspot.com/search/label/Mobile%20Application" title=""><span>MOBILE APPLICATION</span></a></li>

<li><a href="http://mailto:dodiiqbaliskandar@yahoo.co.id/" title=""><span>CONTACT ME</span></a></li>
</ul> 

2.     Login Blogger.
3.     Buka tab Rancangan/ Elemen Laman.
4.     Klik Add a Gadget.

  

5.     Pilih HTML/JavaScript.
6.     Paste semua kode yang telah di copy.
7.     Edit link (warna hijau) dengan link yang Anda inginkan. Dan edit tulisan yang berhuruf besar semua sebagai tulisan yang muncul di menu navigasi.

8.     Klik Simpan.
9.     Selamat! Blog Anda telah terpasang menu bar / menu navigasi.
Nah setelah itu, agar halaman label anda terisi oleh entri-entri yang sudah anda buat, anda harus memberi nama label pada masing-masing Entri sesuai yang anda inginkan.

SELAMAT MENCOBA !!! kalau ada masalah, silahkan email saya.


Tidak ada komentar:

Posting Komentar