Hello sobat blogger !!!,
pertama masuk ke bagian edit template sobat, kemudian cari kode ]]></b:skin> ( gunakan F3 agar mempercepat pencarian )
bila sobat sudah menemukan ]]></b:skin> selanjutnya sisipkan kode dibawah ini tepat 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/AVvXsEi73Ogy8q7MXfOpsUQwjwwVD5JYPuEfiK4hqZnfQnrbUIm-OQxeqW3s0J9VdRvdtOhxx48HoczcsLnl22KdWj7xGNqhtZXO9LNzlNKk1viumLKFpuoFoaclCw9_-T4sP8NhBTCRd4qBnZk/s1600/bg.png") repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0;}kemudian save template.
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/AVvXsEi73Ogy8q7MXfOpsUQwjwwVD5JYPuEfiK4hqZnfQnrbUIm-OQxeqW3s0J9VdRvdtOhxx48HoczcsLnl22KdWj7xGNqhtZXO9LNzlNKk1viumLKFpuoFoaclCw9_-T4sP8NhBTCRd4qBnZk/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;}
hal selanjutnya adalah masuk ke bagian tata letak atau tempat menambahkan widget, dan hal terakhir adalah sisipkan kode dibawah ini dimana sobat ingin menu tersebut muncul
<ul class="menu red">ganti # dengan link yang dituju
<li class="current"><a href="#(url homepage anda)">Home</a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME </a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME</a></li>
</ul>
Silahkan selanjutnya sobat edit sendiri, kalau ada kebingungan, atau kesusahan ataupun juga mungkin ada saran jangan sungkan-sungkan untuk berkomentar, terima kasih
Semoga Berhasil !
Cara Membuat Menu Pada Blog
4/
5
Oleh
Arima Bery
1 comments:
commentssip gan..
Replythanks tutorialnya..
Jika Ada Pertanyaan,Kritik,Saran,Dsb ...
Tolong Di Comment Di Kotak Komentar Yg tersedia,..
Bagi Anda Yg Ber-Komentar,..
Tolong Berkomentarlah Yg Baik,..
Karna Kalau Berbau SARA,Jorok,Mesum,Atau Porno
Akan Saya Jadikan SPAM Atau Saya HAPUS,.. !!!
(Gomen Buat Anonymous ID Saya Urus Belakangan)
NB : Klik Notify Me Dikanan Bawah Ini Biar Ntar Kalo Ane Sudah Balas Bisa Cepat Kalian Konfirmasi
Arigatou ^_^
Bery HackeR™