1 STALKERS
DREAMER ;
FACEBOOK SHOP ASK.FM BLOGSKIN +FOLLOW
TUTORIAL : NAVIGATION SIMPLE (no hover)
Posted Dec 12, 2013 // 12:06 AM


Assalamuaikum, tuto ni direquest oleh adik cilik kita @ImanZakaria :) Tq kpd owner skin ni,(michiko) unnie sy translate kan balik lah ye navi unnie :* k jum start !

Templete
Copy dan paste code di bawah dan paste sebelum code </style>
.hnie{
font: 10px verdana;
letter-spacing:0px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
text-align: justify;
line-height: 17px;
color: #555;
padding-top: 0px;
padding-bottom: 10px;
padding-left:25px;
padding-right: 35px;
top: 350px;
left:190px;
position: absolute;
width: 240px;
}
a.linki {
border: 1px solid #eee;
margin-left: 2px;
margin-bottom: 4px;
text-align: center;
width: 100px;
background: #fff;
display: inline-block;
color:#555;
font:normal 10px 'consolas';
text-transform: uppercase;
letter-spacing: 2px;
padding:6px;
filter: alpha(opacity = 80);
opacity:.8;
-moz-transition-duration: 1s;-
webkit-transition-duration: 1s;
}

Copy yang ni pulak dan paste kat tempat sepatutnya
<div class="hnie">
<a class="linki" onClick="changeNavigation('profile')"> Profile</a>
<a class="linki" onClick="changeNavigation('stuff')"> Tutobies</a>
<a class="linki" onClick="changeNavigation('free')"> biases</a>
<a class="linki" href="http://url.com/"> flavors</a>
<a class="linki" href="http://www.blogger.com/follow-blog.g?blogID= BLOG ID"><img src="http://i1158.photobucket.com/albums/p603/koongzi/5follow.gif"/> follow</a>
<a class="linki" onClick="changeNavigation('entries')"> refresh<a>
 Then copy code ni pulak dan paste kat tempat navigation ( kod yg korang isi sebelum ni)
<div id="profile" style="display:none">
CONTENT HERE
<div id="stuff" style="display:none">
CONTENT HERE
<div id="free" style="display:none">
CONTENT HERE
 Then kat content here tu isi lah bio or ape2 je ;)
DONE, tak reti mcm mana nak explain T_T try2 laa sendiri hehe, btw jangan re-freebies tanpa credit tuto yg tepahapa ni haha XD
2 Comments:
Blogger Iman Feeqry said...

Thanks, Arina for the tutor :)

December 12, 2013 at 12:11 AM  


Blogger Arina Azman said...

welcome, anyways jadi tak / ?

December 12, 2013 at 5:44 AM  


Post a Comment

1# Harsh word not allowed
2# Support word , I say THANKS ^^

... Back to the blog?