Tutorial : Menu Tab yang Ohsem ~ azneyshamsuddin

Salam Alaykum !!hari nie ade tutorial lagi !! sebab Mr.Oziz Tale request kat tagboard kite haaa..so kite pun ape lagi buat lah tuto nie..okay jom kita mulakan yuk !!..

1.Log in blogger-->Dashboard-->Design-->Edit HTML

2.Click pada expand widget templates

3.Cari code

]]></b:skin>

4.Copy code bawah ni

/* LIST #8 */
#list8 { }
#list8 ul { list-style:none;}
#list8 ul li { font-family:Verdana,Tahoma,Century Gothic; font-size:18px;margin:1px; }
#list8 ul li a { display:block; width:85px; height:30px; background-color:#000000; border-right:10px solid #FFFFFF; padding-left:40px;
text-decoration:none; color:#FFFFFF; }
#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; }

5.Pastekan code no4 sebelum code ]]></b:skin>

6.Cari code

</body>

7.Copy code bawah ni dan paste ATAS code </body>

<div style='display:scroll; position:fixed; top:130px; left:-40px;'>
<div id='list8'>
<ul>
<li><a href='URL BLOG'>Home</a></li>
<li><a href='URL/LINK '>Facebook</a></li>
<li><a href='URL/LINK '>Twitter</a></li>
<li><a href='URL/LINK '>Tutorial</a></li>
</ul>
</div>
</div>

8.Preview dan kalau dah okay baru lah SAVE !!!

p/s : Korang boleh tukar warna yang ikut kesesuaian blog korang. Yang HIJAU tu untuk background, dan yang BIRU tu untuk tulisan dan border kanan. Korang boleh pilih code warna kegemaran korang di sini. HTML COLOR CODE

thanks for reading this entry..

love,