Masuk Sesi pendalaman nih Guys.
Untuk kamu-kamu yang masih menggunakan fitur resmi (bawaan) blogger kamu bisa melakukan editing menu melalui situs di bawah ini nih.
Tutorial Membuat menu Blog (klik aja)
tapi untuk kamu yang sudah pake hasil permakan/editan yang sudah terlanjur tak sengaja ter-edit heheh, bisa coba cara berikut ini. Sumber html nya kami dapatin dari akang di situs ini. terimakasih ke akangnya.
Mau tau Cara mengubah Template grup jadi lebih menarik silahkan Klik disini.
Oke langsung ke tujuan utama post ini.
1. Buka Blog kamu
2. Pilih menu Tamplate
3. klik edit HTML (seperti gambar dibawah)
4. klo sudah tampil seperti gambar yang kedua klik mouse kamu di dalam lembar HTML satu kali dan tekan CTRL+F di keyboard. Akan muncul seperti yang berkotak merah seperti pada gambar kedua.
5. Copy Paste kata berikut ]]></b:skin>
6. Kalo sudah ketemu Copy code di bawah ini dan tarok tepat diatas : ]]></b:skin>
.tabs-inner .widget li ul {
z-index: 100; position: absolute;
left: -999em; height: auto; margin: 0; padding: 0;
border: 1px solid #999999;
}
.tabs-inner .widget li ul, .tabs-inner .widget li ul a,
.tabs-inner .widget li ul li:first-child a {
-moz-border-radius: 0px; -webkit-border-radius: 0px;
-goog-ms-border-radius: 0px; border-radius: 0px;
}
.tabs-inner .widget li:hover ul, .tabs-inner .widget li.sfhover ul {
left: auto;
}
.tabs-inner .widget li li a:hover, .tabs-inner .widget li li a:active {
color: #ffffff; background: rgb(51, 102, 153);
}
.tabs-inner .widget li ul a {
display: block; padding-left: 1.25em; padding-right: 1.25em;
margin-left: 0px; margin-right: 0px; border: none;
color: #000000; background: rgb(243, 244, 246);
}
.tabs-inner .widget li ul, .tabs-inner .widget li ul a {
width: 250px;
}
8. Geser kebawah dikit akan kamu temukan kode : <b:/loop>
9. Nah Copy kode di bawah ini tepat di bawah kode : <b:/loop>
<li><a href='#'>Menu1</a>
<ul>
<li><a href='http://caracr16.blogspot.co.id/'>Sub Menu 1</a></li>
<li><a href='http://caracr16.blogspot.co.id/'>Sub Menu 2</a></li>
<li><a href='http://caracr16.blogspot.co.id/'>Sub Menu 3</a></li>
</ul>
</li>
11. Silahkan Kunjungi blog kamu sekarang
Selamat mencoba !
Catatan : Pada langkah ke-9 kamu tinggal ganti tulisan Menu1 dengan yang kamu inginkan dan tulisan http://caracr16.blogspot.co.id/ kamu ganti dengan halaman yang akan kamu hubungkan dengan menu tersebut. Dan sub Menu 1,2,3 itu kamu ubah sesuai keinginan.
Kalo ada pertanyaan langsung komen saja ya.
Semoga Bermanfaat!!
0 comments:
Post a Comment