23 July 2012

Tutorial : Tab Menu macam Kihah

السّلا م عليکم ورحمةالله وبرکة | Salam Sejahtera


Ramai tanya kihah macam mana nak buat tab menu macam ni. Hmm. Its just simple dan kihah gunanya pun untuk sementara waktu.. Tapi, tak sangka sampai today kihah still using it. hahaha. Btw, this is my own codes. Kihah edit sikit-sikit agar sesuai diletakkan di bawah header.. Kihah jumpa tutorial ini pun dari zuhaili othman and i dont know his url blog. lol.

Copy this code and paste it kat mana-mana je korang nak letak (Layout>Add A Gadget > HTML/JavaScript)
Ohya. ini juga sesuai untuk pengguna blogskin/Classic template.

Kihah cadangkanlah korang letak kod ni bawah header korang. kalau letak kat sidebar, terimalah padahnya. haha. Pengguna classic template kena pandai-pandai cari ruang ye..
 <span style="background-color: #EAB0FF; border-bottom-left-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; padding-top: 10px;"><a href="URL/LINK ANDA" target="blank" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">PERKATAAN</a></span>  <span style="background-color: #EAB0FF; border-bottom-left-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; padding-top: 10px;"><a href="URL/LINK ANDA" target="blank" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">PERKATAAN</a></span>  <span style="background-color: #EAB0FF; border-bottom-left-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; padding-top: 10px;"><a href="URL/LINK ANDA" target="blank" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">PERKATAAN</a></span>  <span style="background-color: #EAB0FF; border-bottom-left-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; padding-top: 10px;"><a href="URL/LINK ANDA" target="blank" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">PERKATAAN</a></span>  <span style="background-color: #EAB0FF; border-bottom-left-radius: 8px 8px; border-bottom-right-radius: 8px 8px; border-top-left-radius: 8px 8px; border-top-right-radius: 8px 8px; padding-bottom: 10px; padding-left: 30px; padding-right: 30px; padding-top: 10px;"><a href="URL/LINK ANDA" target="blank" style="color: rgb(110, 110, 110); text-decoration: none; -webkit-transition-duration: 0.5s; ">PERKATAAN</a></span> <br /><br /><br />
NOTA!
MERAH : Boleh tukar kepada warna background/latar belakang yang suka. Boleh cari kod warna di SINI. Kalau nak letak background bergambar, tukar
background-color: #EAB0FF;
menjadi :
background-image: url(URL BACKGROUND);
URL BACKGROUND tu boleh tukar kepada background yang anda suka. Boleh cari kat SINI
OREN : Tukarkan kepada Link/Url page/blog/twitter or whateber you want to put.
BIRU : Boleh tukar jadi facebook, twitter, home, owner, tutorial or apa2 je.

Moga dapat membantu.. Kalau ada apa2 boleh komen atau ajukan soalan ke di SINI. Tolong sertakan sekali URL BLOG OK! Assalamualaikum




- VOTE FOR ME PLEASEhttps://www.facebook.com/photo.php?fbid=408207415887953&set=a.406737232701638.88772.248684711840225&type=3&permPage=1

12 comments:

  1. just what I'm looking for. so useful. thanks for sharing.

    Big hugs and good luck on your upsr trial :)
    -Honeybee

    ReplyDelete
  2. yeah !! nice tutorial !~ menjadi ~ 100% cikmisi ikut~ tengs faqihah =)

    ReplyDelete
  3. kihah... knp tutorial niy pnjg sgt...pastu..ssh lah..

    ReplyDelete
  4. Thank for the tutorials.Jadi pun :D
    BTW,kite same,UPSR tahun ni.Good luck

    ReplyDelete
  5. Menjadi n nice tutorial :) Thanks kak!

    ReplyDelete
  6. thanks for the tuto..but camne nak centre kan die..

    ReplyDelete

Your words defines you