tab menu terapung



tutorial.



dh lama ikaa xwt tutorial kan?? maklum laa sbuk gan study + exam 
so xde msa laa nk berdating gan lappy nie hah
now ikaa kt umh..so leh laa ajr kowg wt tab versi farah kefli
sowe yee nie bkn tutorial ikaa tapi ikaa ikut step dr tuto farah
so xde la pic nye...kalau kowg nk tgk pic tue..kowg klik blog farah tue erk :)


1. Dashboard > Design > Edit HTML > Tick WE

2. cari code bwh nie ( ctrl F utk search, ctrl C utk copy )

]]></b:skin>

3. copy code bwh nie & paste atas/sebelum code no 2


/* LIST #8 */
#list8 { }
#list8 ul { list-style:none;}
#list8 ul li { font-family:Georgia,serif,Times; font-size:18px;margin:1px; }
#list8 ul li a { display:block; width:80px; height:28px; background-color:#333; border-right:10px solid #F7819F; padding-left:40px;
text-decoration:none; color:#F7819F; }
#list8 ul li a:hover { -moz-transform:rotate(-5deg); -moz-box-shadow:10px 10px 20px #000000;
-webkit-transform:rotate(-5deg); -webkit-box-shadow:10px 10px 20px #000000;
transform:rotate(-5deg); box-shadow:10px 10px 20px #000000; }

4. then cari code bwh nie lak


</body>

5. then copy & paste kan code bwh nie atas/sebelum code no 4
<div style='display:scroll; position:fixed; top:150px; left:-40px;'>
<div id='list8'>
<ul>
<li><a href='URL BLOG KORANG'>Home</a></li>
<li><a href='URL/LINK KORANG'>Tajuk</a></li>
<li><a href='URL/LINK KORANG'>Tajuk</a></li>
<li><a href='URL/LINK KORANG'>Tajuk</a></li>
</ul>
</div>
</div>

6. then priview dulu..kalau menjadi SAVE.


merah : letakkan link kowg
biru : nama page kowg ( home, owner, contact,)

2 Komentar untuk "tab menu terapung"

xde pn blog farah keifli....ke da tkar link lain...ples nk tau...

Terima kasih untuk komen yang berharga anda, datang lagi.

 
Copyright © 2014 Bakul2011.com - All Rights Reserved
Template By. Catatan Info