Sabtu, 14 April 2012

Menu Tab / Navigation Bar pada tepi blog

0 komentar
 klik gambar

1. Log in > Dashboard > Design > Add A Gadget > Html/JavaScript
2. copy kode dibawah ini ke JavaScript
        
          

<div style="display: scroll; left: -40px; position: fixed; top: 210px;">
<div id="list8">
<ul>
<li><a href="
link page korang">home</a></li>
<li><a href="
link page korang">siapa aku</a></li>
<li><a href="
http://syahminaahmad.blogspot.com/p/tutorial.html">tutorial</a></li>
<li><a href="
link page korang">tips</a></li>
</ul>
</div>
</div>
<div style="text-align: center;">
<style id="page-skin-1" type="text/css">
<!--
/* LIST #8 */
#list8 { }
#list8 ul { list-style:none;}
#list8 ul li { font-family:impact,serif,impact; font-size:18px;margin:1px; }
#list8 ul li a { display:block; width:80px; height:28px; background-color:
#ffffff; border-right:10px solid#FF002B; padding-left:40px;
text-decoration:none; color:
#FA58F4; }
#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; }
-->
</style>



3. kamu tukar
    merah=link page kamu
    biru=name page kamu
    hijau=kod warna border yang kat tepi warna merah tu
    kuning=warna background
    pink=warna teks
    
5. save

Leave a Reply