Cara Membuat Menu di Blogspot dengan List-O-Matic

Cara Membuat Menu di Blogspot dengan List-O-Matic - Untuk blogspot, sebelum membuat menu, halaman yang akan di link sebaiknya di buat dulu dari postingan biasa, karena di blogspot tidak ada fasilitas membuat halaman, yang ada hanya membuat postingan. jadi menu kita nantinya akan di link ke postingan yang udah kita buat.
misalnya kamu ingin membuat menu Info elektronik, Tips ngeblog, dan Get money. maka kamu harus membuat postingan dengan judul/title: info elektronik , tips ngeblog , dan get money , dengan demikian kita akan mempunya 3 halaman dengan url
http://nama.blogspot.com/ info elektronik .html,
http://nama.blogspot.com/ tips ngeblog .html dan
http://nama.blogspot.com/ get money .html.
selanjutnya ikuti langkah-langkah pembuatan menu secara otomatis menggunakan list-o-matic. setelah semua langkah di lakukan, kamu akan di beri 2 jenis kode yaitu html dan css.
Copy kode HTML dibawah ini dan masukkan lewat Add a Page Element – HTML/JavaScript dan letakkan dimana kamu pengen menunya muncul.

<div id="navcontainer">
<ul id="navlist">
<li><a href="http://www.andisitorus.com/search/label/Info%20elektronik ">Info Elektronik</a></li>
<li><a href="http://www.andisitorus.com/search/label/tips%20ngeblog ">Tips ngeblog</a></li>
<li><a href="http://www.andisitorus.com/search/label/Get%20Money">Get Money</a></li>
</ul>
</div>

Sedangkan untuk kode CSS harus di copy dan di letakkan dalam kode template. Di halaman template blog kamu, pilih Edit HTML, letakkan kode CSS dari List-O-Matic dibawah ini sebelum kode ]]></b:skin> dan save template.

#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;
}

Selamat mencoba......