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 PLEASE : https://www.facebook.com/photo.php?fbid=408207415887953&set=a.406737232701638.88772.248684711840225&type=3&permPage=1

- GIVEAWAY : Exclusive Ramadhan Giveaway!!

- GIVEAWAY : 3 Lens Lomo Style Film Camera and Camera!!