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>
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;}
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
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>
<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
0 Komentar