CARA MENAMBAH MENU DI BLOG

CARA MENAMBAH MENU DI BLOG


langsung aja,, ini caranya

1. masuk ke  edit template sobat, kemudian cari kode ]]></b:skin> ( gunakan F3 agar mempercepat pencarian )
bila sobat sudah menemukan 
]]></b:skin> 

2. selanjutnya sisipkan kode dibawah ini tepat di atas ]]></b:skin>

3. Masukkan code di bawah ini,

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/AVvXsEiVvk3H6_-FnMdlyu19xO_Yd-gDPPjWfuXzSm61sMuARK4l7JPaoW8GDK8KGU68EKyC94VdCl7oTg3aPtGjp0LUQId3dcFfywPT3FI-70WcD-NIvMzQtKeq5XoUSyb2zAhdjUWDQWG3q4Q/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/AVvXsEiVvk3H6_-FnMdlyu19xO_Yd-gDPPjWfuXzSm61sMuARK4l7JPaoW8GDK8KGU68EKyC94VdCl7oTg3aPtGjp0LUQId3dcFfywPT3FI-70WcD-NIvMzQtKeq5XoUSyb2zAhdjUWDQWG3q4Q/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;}


5. kemudian save template.

6. Selanjutnya, masuk ke bagian tata letak atau tempat menambahkan widget, 

7. sisipkan kode dibawah ini, agar menunya muncul

<ul class="menu red">
<li class="current"><a href="
#(url homepage anda)">Home</a></li>
<li><a href="
#">EDIT</a></li>
<li><a href="
#">EDIT </a></li>
<li><a href="
#">EDIT</a></li>
<li><a href="
#">EDIT </a></li>
<li><a href="
#">EDIT </a></li>
<li><a href="
#">EDIT </a></li>
</ul>

8. Ganti dengan link agan


Previous
Next Post »
0 Komentar