tuto : menu tab tepi blog
Posted 12/12/12 // 7:09 AM


hai dan selamat malam ! jom try tutorial ni kalau berminat . kikiki. 

bagi pengguna modern template sila ke sini

(classic / blogskin )

1) buka template dan ctrl + f = </style>
2) copy code dibawah dan paste atasnya

/* LIST #8 */
#list8 { }
#list8 ul { list-style:none;}
#list8 ul li { font-family:Verdana,serif,Times; font-size:18px;margin:1px; }
#list8 ul li a { display:block; width:80px; height:28px; background-color:#fc89a2; 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; }

3) ctrl + f = <body>
4) copy code dibawah dan paste atasnya

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

5) ubah lah sendiri mengikut kreativiti masing2 . 
6) preview dulu baru save ...
7) cantik dah blog korang~
Since 2012