Membuat Menu Bar di Blogspot

Hai Sobat Blogger,

pada pertemuan kali ini saya akan mencoba membagi tips mengenai bagaimana caranya sobat blogger membuat menu bar yang ada di blog kalian masing-masing,

Mungkin emang sudah basi kali ya kalo saya baru bahas ini sekarang, tapi daripada blog saya ga ada isinya, mending saya tulis aja biarpun udah pernah ada ulasannya sebelumnya.

hehehe,,

berikut contoh tampilan yang akan muncul:

Lumayan bukan?

langkahnya cukup sederhana,

pertama sobat masuk ke account blogger.com masing masing,

login dan kemudian lanjut ke menu layout

kemudian add gadget:

cari HTML/JavaScript kemudian klik tanda "+" pada pojok kanan atas.

kemudian Paste-kan Script dibawah ini pada kolom content:

<div id="menu1">

<ul>

<li><a href="http://sofwanali.blogspot.com/">

<span class="title">Home</span>

<span class="text">What we talk about</span>

</a>

</li>

<li><a href="http://sofwanali.blogspot.com/p/about.html">

<span class="title">About</span>

<span class="text">Who I am</span>

</a>

</li>

<li><a href="http://sofwanali.blogspot.com/p/port-folio.html">

<span class="title">Portfolio</span>

<span class="text">What we do</span>

</a>

</li>

<li><a href="http://sofwanali.blogspot.com/p/contact.html">

<span class="title">Contact</span>

<span class="text">How to get in touch</span>

</a>

</li>

<li><a href="http://sofwanali.blogspot.com/"target="_blank">

<span class="title">AddThis</span>

<span class="text">Add This to blogger</span>

</a></li>          

 </ul>

</div>

note: ganti script warna merah dengan link yang akan sobat tuju.

terakhir simpan script sobat sekalian.

jadi deh, tinggal di preview aja :D

thanks.