Tutorial navigation #1
Monday, December 31, 2012 at 5:50 AM | 1 grown up kid
Assalammualaikum.Hai. Semalam ada request oleh farhan. Dia mintak tolong ajarkan macam mana nak buat button exchange links macam saya. Btw, si darling tu sungguh nganjing aku. Jadah apa this blog is so popular.
Button yang dimaksudkan tu macam bawah ni dan sungguh, button ni sesuai juga untuk dijadikan navigation.
on hover
Link exchange yang serba kiut miut itu dibuat oleh saya yang juga serba kiut miut. So, macam mana nak buat?
# Blogskin
dashboard > template > press F3 dan cari code </style>
kemudian copy code bawah ni dan paste dekat atas code </style>
a.moksye {
width:130px;
height:15px;
display:inline-block;
background:#F2F2F2;
color:#928E8E;
border-radius:5px;
margin: 2px;
padding: 3px;
-webkit-transition: 0.4s;
}
a.moksye:hover {
background:#FFFFFF;
color:#FA5882;
text-decoration:none;
-moz-box-shadow: 0 0 2px 2px #F6CED8;
-webkit-box-shadow: 0 0 2px 2px #F6CED8;
border-radius:5px;
-webkit-transition: 0.4s;
}
> merah tu semua anda boleh tukar ikut sukahati, try and error la ya.
> done? After that copy code bawah ni pulak dan paste dekat bahagian code affiliates, friends anda.
<center>
<a class="moksye"href="URL friend"/>Friend</a>
<a class="moksye"href="URL friend"/>Friend</a>
<a class="moksye"href="URL friend"/>Friend</a>
</center>
> kalau nak tambah friend just tambah code <a class="moksye"href="URL friend"/>Friend</a> sebelum code </center>
> kalau anda mahu ianya sebagai navigation anda, tukarkan code navigation anda yang part <a class="something" .... kepada <a class="moksye"...
> contohnya macam code saya, di bawah ni.
<center>
<a class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title="about">ABOUT</a>
<a class="navi" target="_blank" href="https://twitter.com/natasyasarbini" title="twitter">TWITTER</a></center>
jadi ni.
<center><a class="moksye" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML" title="about">ABOUT</a>
<a class="moksye" target="_blank" href="https://twitter.com/natasyasarbini" title="twitter">TWITTER</a>
</center>
p/s- tak faham tanya tau dan kalau jadi comment yaw :3
Sekian,
Asa Banie