Ketemu lagi deh sobat blogger, Sekarang kita akanMembuat Menu Horizontal Yang Keren, seperti menu saya yang ada di atas, hehehehehehehh
Silakan ikuti langkah-langkah dibawah ini ya sobat :))
Begini cara2xnya :
1. Login dulu ke blogger kalian
2. Klik Rancangan --> Edit HTML
3. Kasih Conteng di Expand Template Widget (bilah terjadi kesalahan)
4. Tekan Ctrl+F Copy kode ini ]]></b:skin> letakan di Find tekan Enter
5. Setelah ketemu Copy code di bawah ini, dan letakan di atas kode ]]></b:skin>
6. Simpan Template
7. Setelah itu klik Elemen Laman --> Tambah Gadget --> HTML/JavaScrip
8. Copy code di bawah ini dan letakan di dalamnya
9. Yang tanda "#" ganti dengan URL anda
10. Simpan Template dan lihat hasilnya
Semoga artikel saya bisa bermanfaat bagi kalian semua ya sobat :)
Silakan ikuti langkah-langkah dibawah ini ya sobat :))
Begini cara2xnya :
1. Login dulu ke blogger kalian
2. Klik Rancangan --> Edit HTML
3. Kasih Conteng di Expand Template Widget (bilah terjadi kesalahan)
4. Tekan Ctrl+F Copy kode ini ]]></b:skin> letakan di Find tekan Enter
5. Setelah ketemu Copy code di bawah ini, dan letakan di atas kode ]]></b:skin>
#navlist ul{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li{
display: inline;
list-style-type: none;
}
#navlist a { padding: 3px 10px; }
#navlist a:link, #navlist a:visited{
color: #006600;
background-color: #000000;
text-decoration: none;
border: 1px solid #006600;
}
#navlist a:hover{
color: #000000;
background-color: #006600;
}
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li{
display: inline;
list-style-type: none;
}
#navlist a { padding: 3px 10px; }
#navlist a:link, #navlist a:visited{
color: #006600;
background-color: #000000;
text-decoration: none;
border: 1px solid #006600;
}
#navlist a:hover{
color: #000000;
background-color: #006600;
}
6. Simpan Template
7. Setelah itu klik Elemen Laman --> Tambah Gadget --> HTML/JavaScrip
8. Copy code di bawah ini dan letakan di dalamnya
<div id="menu_keren">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
</ul>
</div>
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
</ul>
</div>
9. Yang tanda "#" ganti dengan URL anda
10. Simpan Template dan lihat hasilnya
Semoga artikel saya bisa bermanfaat bagi kalian semua ya sobat :)
No comments:
Post a Comment