Tutorial : buat Navigator Macam Aku
Written by : hamizashuhada on Thursday, 18 April 2013 | 04:29 | 0 comments
Assalamualaikum and hye :) Tadi baru je try code ni.Tengok-tengok jadi.Korang try lah.Tapi code dia guna kak Mira punya code.Aku ubah sikit-sikit so nampak lain.

  • Copy code ni dan paste kat atas code </style>
.navigator {
position: ;
top:205px;
left:321px;
font-size:10px;
text-align:center;
}
.navi {
padding-left:5px;
padding-right:5px;
color:;
background: ;
line-height: 13px;
display: block;
text-transform: lowercase;
-webkit-transition:0.5s;
transition:0.5s;
margin-bottom:5px;
cursor: crosshair;
padding:5px 0px 0px 30px;
border-top-left-radius: 15px;
border-bottom-left-radius: 20px;
}
.navi:hover, .navi_active {
background:#FF0000;
color:#FFF;
-webkit-transition:0.5s;
transition:0.5s;
 }

  • Then copy code ni paste kat dalam sidebar korang.
<center><div class="navigator">
<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('me').innerHTML">About</a>
<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('love').innerHTML">Links?</a>
<a class="navi" onClick="document.getElementById('content').innerHTML=document.getElementById('you').innerHTML">Entries</a>
<span class="navi" onclick="window.open('http://www.blogger.com/follow-blog.g?blogID=BLOG ID'); return false;">Follow</span>
</div>

  • Done.Cuba preview dulu.Kalau jadi,save. 



Post a Comment