Buat Tollbar Menu

Cara Mambuat Tollbar Manu

                   Hay shObat Blogger,,,,,,,, ..
Kali ini saya Menulis tentang cara membuat Tollbar Menu. Sebelumnya Trima Kasih buat Shabat Agus yang telah mengajarkan saya.

caranya gini shob :

1. Buka dulu Blognya shob, ==> Pilih RancaNgan ==> ediT HTML .
2. Sobat cari kode </head> , untuk memper mudah pencarian tekan Ctrl+F tulis kode
3. Setelah dapet Copy dan Pastekan kode ini diatas kode </head> keterangan yg disebelahnya jgn di copy sob,

<style type="text/css">
#top {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 1030px;
}
#top td{
color: #000000;
background-color: #CCFF00;
height: 32px;
text-align: left;
padding-left: 10px;
text-transform: uppercase;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
}
#top td a {
color: #FF3300;
text-decoration: none;
font-weight: 13;
}
#top td a:hover {
text-decoration: underline;
font-weight: bold;
}
</style>


Ket :
* width: 1030px;==============>ini mengatur panjangnya toolbar
* background-color: #CCFF00;==>ini warna latarnya
* height: 32px;===============>ini mengatur lebar toolbar
* text-transform: uppercase;==>ini membuat huruf besar semua
* color: #FF3300;=============>ini mengatur warna font link nya
* font-weight: 13;============>ukuran font
      4. Kalo sudah, tinggal qm tambahkan widget HTML/Javascript baru, isi widget tsb dengan kode ini,

<table id="top" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
<a href="http://agus-generatio.blogspot.com/" title="BERANDA">Beranda</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="http://agus-generatio.blogspot.com/search/label/kebenaran" title="HAL YANG ISLAMI">Islami</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="http://agus-generatio.blogspot.com/search/label/kisah" title="KISAH-KISAH MENARIK">Kisah-Kisah</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="http://agus-generatio.blogspot.com/search/label/softwares%20and%20techno" title="SOFTWARE">Softwares</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="http://agus-generatio.blogspot.com/search/label/pengetahuan" title="PENGETAHUAN DAN TEKNOLOGI SEKARANG">Iptek</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="http://agus-generatio.blogspot.com/2010/04/terima-kasih-sobat-dateng-lagi-yea.html" title="DAFTAR ISI">Isi Blog</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="http://agus-generatio.blogspot.com/2010/04/isi-yea-your-name-your-email-address.html" title="HUBUNGI SAYA TENTANG APAPUN">Contact Me</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="http://www.blogger.com/profile/06794662204187315086" target="_blank" title="PROFIL BLOGGER">My Profile</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp; <a href="http://feeds.feedburner.com/agus-generatio" target="_blank" title="FEED BURNED">FeedBurned</a>&nbsp;&nbsp;&nbsp;| </td>
</tr>
</tbody></table>


Ingat,kode "&nbsp;" itu adl spasi.Tinggal qm ubah link2nya diatas!!!!

    5.Trakhir, terserah mau ditempati dimana shob.

emz,,,,,,,,,,!!!!, reru kan shob,,,,,
Selamat mencoba Shob...... hehehe... o

Buat Tollbar Menu