TUTORIAL : Menu bar cecomel



Okayy, Kalau rasa comel and nak buat menu bar tu .jum ikut step :)

1st step
 : DASHBOARD - DESIGN - EDIT HTML 

2nd step
: Click expand widget Templates

3rd step
: Copy kot kat bawa ni dan paste kan  SEBELUM  code  ]]></b:skin>  

* 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:#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; }
4th step
: Copy code dibawah ni dan paste  SEBELUM  code  </body> 

<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>

5th step
: Preview dulu .kalau tade pape error boleh SAVE :)





P/s : Color boleh tukar ikut kesesuaian blog korang , Yang biru tu untuk background ,
dan yang oren untuk tulisan dan border kanan , Boleh pilih warna kesukaan korang
 disini HTML COLOR CODE   cc tutorial : kak nurul chumel



3 comments: