Langkah-langkah membuat Red Horizontals Menu Pada Blog

Menu3

    >> >>
    Klik kotak kecil di samping tulisan .
    Kemudian cari kode ]]></b:skin>
    ( Untuk memudahkan pencarian, gunakan tombol ctrl+f pada keyboard lalu ketik ]]></b:skin> pada kolom kosong yang muncul)
    Jika sudah menemukan kode tersebut, copy kode di bawah ini, dan paste atau letakkan di atas ]]></b:skin> :



ul.menu {list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:.6em;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd97-Qtc_qze7QVmYOf0tPIaRmC-Ufzr8qfjOWh-obp0Cfk96R_wQl7aveFMDGp7jO1wjI6K3BmFnUKa4uMfeQvAUqYCulNs3okkjbMbtU6c1iWQnJgOemoAuAbaokbHcCdDXTx4E_epQ/s1600/bg.png") repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0;}
ul.menu li {display:block;float:left;margin:0;padding:0;}
ul.menu li a {float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal;}
ul.menu li a:hover,.current {color:#fff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd97-Qtc_qze7QVmYOf0tPIaRmC-Ufzr8qfjOWh-obp0Cfk96R_wQl7aveFMDGp7jO1wjI6K3BmFnUKa4uMfeQvAUqYCulNs3okkjbMbtU6c1iWQnJgOemoAuAbaokbHcCdDXTx4E_epQ/s1600/bg.png") repeat-x top left;text-decoration:none;}
ul.menu .current a {color:#fff;font-weight:700;}
/*Garis Merah*/
ul.menu.red{background-color:#B11718;} ul.menu.red li a:hover, .menu.red li.current {background-color:#DE3330;}


Selanjutnya klik untuk menuju ke halaman "Rancangan/Layout”

    Klik
    Setelah muncul jendela baru, cari
    Klik tanda tambah (+) pada pilihan .
    Copy kode di bawah ini dan paste ke kolom konten :

<ul class="menu red">
<li><a class="current"><a href="http://omvan.blogspot.com">Home</a></li>
<li><a href="http://omvan.blogspot.com/2011/05/daftar-isi.html">Daftar Isi</a></li>
<li><a href="http://omvan.blogspot.com/search/label/Randoms%20Tips">Random Tips</a></li>
<li><a href="http://omvan.blogspot.com/search/label/Cerita%20Lucu">Cerita Lucu</a></li>
<li><a href="http://omvan.blogspot.com/2011/05/tuker-link-yuk.html">Tukar Link</a></li>
<li><a href="http://omvan.blogspot.com/search/label/TV%20Online">TV Online</a></li>
<li><a href="http://omvan.blogspot.com/2011/09/sms-gratis.html">SMS Gratis</a></li>
</ul>

Ket.:
Merah = ganti dengan alamat yang ingin dipasang
Hijau = ganti dengan judul menu
Jika ingin menambah tab menu, copy code di bawah ini dan letakkan sebelum </ul>
Seperti ini :
<li><a href="#">Judul menu</a></li>
</ul>


Selesai