Membuat Menu Yang Lebih Menarik

Nah, dalam kesempatan kali ini saya akan mempostingkan tentang Cara membuat Menu lagi, tetapi menu yang ini berbeda dari menu yang ada di postingan yang sebelumnya, karena menu yang akan saya postingkan kali ini yaitu menu yang berada diatas. Seperti di blog ini itu lho yang diatas.

Banyak orang yang ingin sekali memasang menu tetapi ada kode htmlnya yang tidak ada, tetapi di postingan kali ini cara membuat menu di blog sangat mudah dan pasti akan dijumpai kode htmlnya.


Jika anda berminat untuk memasang menu ini lakukan sesuai perintah saya hahahahahaha, bercanda.

Langsung saja kita ke langkah-langkah menjadi milyader.
bercanda lagi kok.

1. Login Ke blog anda
2. Klik rancangan
3. Sesuaikan dulu tempat yang akan dikuasai menu tersebut
4. Klik tambah gadget jika sudah menemukan tempatnya
5. pilih html/java script
6. Masukkan kode berikut ini

<div id="navcontainer">
<ul id="navlist">
<li><a href="http://nama.blogspot.com/Home.html">Home</a></li>
<li><a href="http://nama.blogspot.com/Tips ngeblog.html">Tips ngeblog</a></li>
<li><a href="http://nama.blogspot.com/portofolio.html">Berbisnis</a></li>
</ul>
</div>

Tulisan yang berwarna biru bisa diganti sesuai dengan alamat yang akan dituju, sedangkan yang berwarna kuning nama yang akan tampil di menu.
7. Simpan terlebih dahulu setelah selesai mengutak-atiknya
8. kemudian edit html yang terletak di samping Elemen Laman
9. cari kode ]]></b:skin>. untuk memudahkan mencarinya ctrl+F masukkan kata yang akan di cari
10. Letakkan kode dibawah ini sebelum 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: #fff;
background-color: #036;
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

11. Simpan htmlnya kemudian buka blog anda jreeeeeeng..... jadilah menu anda

Jika anda berminat untuk mempostingnya, sertakan sumbernya yaitu ahmad138.blogspot.com

Posted in: trik blog