Menubar menarik blogspot macam Liyana Lunia punya HAHA

Selamat tengahari,

dua hari sekarang sibuk menguruskan domain transfer , dua tahun menggunakan netkl sungguh merasa gembira kerana tak pernah ada masalah kadang kadang blog not found memang 5% je yang terjadi secara tiba tiba, kira tak pernah ada masalah dengan netkl. tapi sebab mahu merasa berdikari, mahu merasa menjadi pengguna WP, terus bersemangat mencuba servis dari datakl pulak. harapnya semua berjalan lancar. oh sekarang haku belum tahu nak buat apa, sekarang tahu nak buat proses pindah domain sahaja dulu *blablaaa, mesti kauorg fening apahal dia ni cerita pasal netkl lah datakl lah KAHKAHKAH

sekarang duduk depan kompiter diam diam, sebab last tutorial saya sharing dengan anda adalah Macam mana nak perbaiki error bX-67oaj1 ( older/newer button). Lama tak buat tutor since that day kan? sebab macam jarang dah meng-edit belog sekarang tapi tapi tapi ada dua orang cantik minta saya sharing macam mana buat menubar macam saya. sebenarnya menubar ini ku ambil dari satu belog tapi terlampau banyak blog yang buat tutor , saya jadi lupa. tapi sebab i dah edit code tu sikit sikit, so i anggap i lah yang buat code tu okeh tak? KAHKAHKAH T____T

so first step macam biasa !

1. Login Blogger Dashboard --> Design --> Edit HTML. Seterusnya tick pada Expand Widget Templates.

2. COPY code ini,

/* menu bar */
#menubar{
margin: 0;
padding: 6;
float:center;
border:0px solid #ffffff;
width:90%;
background:#ffffff;
}

#menubar li{
margin-left: 0;
padding: 0;
list-style: none;
float: left;
font: bold 14px arial;
}

#menubar li a{
display: block;
margin: 0;
padding: 13px 10px;
background: #ffc4c5;
color: #fff;
text-align: center;
text-decoration: none;
border:2px solid #ffffff;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}

#menubar li a:hover{
background: #000000;-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
}

#menubar div{
position: absolute;
visibility: hidden;
}

3. PASTE code itu sebelum ]]></b:skin> ( ctrl+F , cari code ]]></b:skin> dan paste atas dia )

4.COPY pulak code ini

<br/><ul id='menubar'><center>
<li><a href='http://www.liyanaa.com'>Home</a></li>
<li><a href='http://www.liyanaa.com/p/about-me.html'>About Me</a></li>
<li><a href='http://www.liyanaa.com/p/tips-and-tricks.html'>More Tips and Triks</a></li>
<li><a href='http://www.liyanaa.com/p/iklan.html'>Advertorial</a></li>
<li><a href='http://www.liyanaa.com/search/label/%23maxis10'>Maxis10</a></li>
<li><a href='http://www.liyanaa.com/search/label/rezeki%20blogging'>Blog Achievement</a></li>
<li><a href='http://www.liyanaa.com/p/contact.html'>Contact me</a></li>
</center></ul>

5. PASTE code tersebut di bawah <div id='content-wrapper'>

6. Edit mana mana yang berkenan, edit color ke, edit url dekat menubar ke. ce kalau kau terus copy paste cenggitu, untung la saya HAHAHAHA

7. PREVIEW. penting sgt bila edit code html ke apa apa ke, tolong lah preview dulu takut ada code tak jadi ke apa yewww. kalau takda error baru SAVE

sedih, bila berhijrah nanti dah tak ada menubar cemgitu lagi sebab tak reti nak edit dekat WP ueueuewuueu nangis ! T________T , oh saya tak pasti untuk template selain dari MINIMA yee. saya guna minima je, senang nak edit , senang juga nak jahanamkan template tersebut KAHKAH ;p jadi, selamat berjaya untuk adrina and fika rozaidi dan andaaa semuaaaa :D

NOTE : sorry, malas nak edit T___T terus ku copypaste sahaja dr edithtml huhu

♥ kbai.