Selamat hari jumaat yang berbahagia.
Kali ni nak tunaikan permintaan reader yang inginkan tab menu mudah yang tak perlu edit html. Ok, kepada sesiapa yang ketinggalan tutorial tab menu boleh tengok link di bawah :
Tab Menu 1
Tab Menu 2
Tab Menu 3
Tab Menu 4
Tab Menu 5
Kepada sesiapa yang belum mahir linkkan Tab Menu boleh click sini
Tutorial kali ni simple tab menu yang tak perlu edit html bagai, senang dan mudah je. Contohnya macam ni :
1. Sign in blogger > Design > Add Gadget > Html/JavaScript
2. Copy code di bawah dan paste ke dalam Html/Java Script
<div style="text-align: center;"><span style="padding: 10px 30px; -moz-border-radius: 5px 5px 5px 5px; background-color: #F989AE;">
<a href="http://www.blogger.com/home">Home</a></span> <span style="padding: 10px 30px; -moz-border-radius: 5px 5px 5px 5px; background-color: #F989AE;">
<a href="http://bicarafarah.blogspot.com/p/blog-tutorial_1005.html">TUTORIAL</a></span> <span style="padding: 10px 30px; -moz-border-radius: 5px 5px 5px 5px; background-color: #F989AE;">
<a href="http://bicarafarah.blogspot.com/p/info-dan-tips.html">INFO</a></span>
<span style="padding: 10px 30px; -moz-border-radius: 5px 5px 5px 5px; background-color: #F989AE;">
<a href="http://ciknurfarah.blogspot.com/">CONTEST</a></span> <span style="padding: 10px 30px; -moz-border-radius: 5px 5px 5px 5px; background-color: #F989AE;">
<a href="http://fara-hamster.blogspot.com/">HAMSTER</a></span>
<span style="padding: 10px 30px; -moz-border-radius: 5px 5px 5px 5px; background-color: #F989AE;">
<a href="http://ciknurfarah.tumblr.com/">TUMBLR</a></span></div>
3. Apa yang perlu di edit?
#F989AE adalah warna tab menu. for more colour.
BIRU untuk link url tab menu.
PURPLE nama tab menu
Kalau nak tambah tab menu cuma copy code ini :
<a href="http://fara-hamster.blogspot.com/">HAMSTER</a></span>
<span style="padding: 10px 30px; -moz-border-radius: 5px 5px 5px 5px; background-color: #F989AE;">
sebelum code di bawah :
<a href="http://ciknurfarah.tumblr.com/">TUMBLR</a></span></div>
4. Kalau dah puas hati, SAVE dan lihat hasilnya, pastikan anda letakkan atau drag widget/gadget tersebut di bawah header seperti gambar di bawah.
Senangkan? Try la buat! baiiii
Terima kasih ye kak... :)
ReplyDelete@uncHa
ReplyDeletewelcome :)
suke sgt ada tutorial ni.. lama dha cr tp bila buat asyik x jd je.. nanti nak try mlm ni. TQ
ReplyDelete@ct cucubi
ReplyDeleteGood luck!
berjaya! alhamdulillah.. TQ sgt2 :)
ReplyDeletesalam sis farah,sy tak fahampe maksud
ReplyDelete"sebelum kod dibawah"kat ats tuuu.
@umiee
ReplyDeletekalau nak tambah tab menu, letakkan code y disuruh sebelum code y diberi itu
BERJAYA!!!TQ SO MUCH!
ReplyDeletep/s: terjumpa blog awak masa blogwalking, keep up the good work k!
:)) so helping others!
http://bajufiqah.blogspot.com/
http://fiqahidris.blogspot.com
Thnx Kak Farah .. :D
ReplyDeletesalam..yang home x menjadi la..nk wat cmne?cer jelaskan:))
ReplyDelete@♥Cik Nurfarah♥
ReplyDeletekak , masalahhnye sye guna bl0gskin , maneade bende tuh !
@niniewawa.com
ReplyDeleteit not tutorial for blogskin. it suitable for template designer or layout template.
cantik blog akak !!
ReplyDeleteTerima Kasih!!!! amat menolong..dan senang nak ikut....
ReplyDeleteKak farah, izikan sye copy paste code tu ek :) sye dh credit skali . Selamat berbuka puasa ;)
ReplyDeletewow .. blog akak banyak membantu .. sangat sangat .. tq kak .. nak follow akak :D
ReplyDelete@♥Cik Nurfarah♥ macam mna nk masukkan segala info kat dalam tu..? (^^)
ReplyDeleteDah jadi.Thanks kak Farah :)
ReplyDeleteKak,knpe backgound dia hitam tp gat gadged lain xhitam pn.cume yg bwah header je hitam
ReplyDeleteMaju trylah.Moga-moga menjadi :D
ReplyDeletehttp://surveyonlineberbayar.blogspot.com/
ReplyDeletesinggah blog saya dan follow kalau nak tao macam mana dapat duit