about me
entries
chat
links
+Follow

Malasnya nak scroll balik ke atas. Lebih-2 lagi jika belog kita memanjang. Nak scroll balik pun lambat. So Fly button ni cam Back to Top button, sebagai shortcut so kita tak payah susah-2 scroll sampai ke top page. Follow je step bawah ni. Tapi sebelum tu, backup dulu coding awak

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates
2. Cari code ni (Ctrl+F)

]]></b:skin>

3. Copy dan paste code ni sebelum code ]]></b:skin>

#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:90px;height:51px;border:none;
text-indent:-999px;
background:url(http://i1110.photobucket.com/albums/h453/my-little-corner/fly.png) no-repeat left top;
}
#toTopHover {
background:url(http://i1110.photobucket.com/albums/h453/my-little-corner/fly.png) no-repeat left -51px;
width:90px;height:51px;display:block;
overflow:hidden;
float:left;
}
#toTop:active, #toTop:focus {
outline:none;
}

4. Da paste code atas ni? Cari code ni lak.

 </head>

5. Copy dan paste code bawah ni sebelum  </head>

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/jquery.ui.totop.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
/*
var defaults = {
containerID: &#39;moccaUItoTop&#39;, // fading element id
containerHoverClass: &#39;moccaUIhover&#39;, // fading element hover class
scrollSpeed: 1200,
easingType: &#39;linear&#39;
};
*/
$().UItoTop({ easingType: &#39;easeOutQuart&#39; });
});
</script>

6. SAVE dan siap!

Kalau korang tak nak pakai gambar yang sedia ada ni, ganti code yang warna purple tu dengan URL gambar yang korang nak. Tak nak tukar pun tak pe.

Labels: tutorial

Name : Ivy Wong Lye Kwan
Age : 20 years old T_T
Birthdate : 16 August 1993
Nationality : Malaysian
Current study place : Singapore Polytechnic
Language : English, Malay, Cantonese, Mandarin

I LOVE Running Man.
I'm addicted to chocolates
I'm shy around strangers. But I'm crazy around my peeps and besties.
I'm a proud VIP. (what BIG BANG fans call themselves)
I have Lil Stitch as a gift from my dearests. It's not a litle, but a big stuffed toy :3
I can be very sensitive at sometimes. and I mean VERY SENSITIVE
Wanna know more about me, please leave your question at the chatbox.

Malasnya nak scroll balik ke atas. Lebih-2 lagi jika belog kita memanjang. Nak scroll balik pun lambat. So Fly button ni cam Back to Top button, sebagai shortcut so kita tak payah susah-2 scroll sampai ke top page. Follow je step bawah ni. Tapi sebelum tu, backup dulu coding awak

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates
2. Cari code ni (Ctrl+F)

]]></b:skin>

3. Copy dan paste code ni sebelum code ]]></b:skin>

#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:90px;height:51px;border:none;
text-indent:-999px;
background:url(http://i1110.photobucket.com/albums/h453/my-little-corner/fly.png) no-repeat left top;
}
#toTopHover {
background:url(http://i1110.photobucket.com/albums/h453/my-little-corner/fly.png) no-repeat left -51px;
width:90px;height:51px;display:block;
overflow:hidden;
float:left;
}
#toTop:active, #toTop:focus {
outline:none;
}

4. Da paste code atas ni? Cari code ni lak.

 </head>

5. Copy dan paste code bawah ni sebelum  </head>

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/jquery.easing.1.3.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/jquery.ui.totop.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
/*
var defaults = {
containerID: &#39;moccaUItoTop&#39;, // fading element id
containerHoverClass: &#39;moccaUIhover&#39;, // fading element hover class
scrollSpeed: 1200,
easingType: &#39;linear&#39;
};
*/
$().UItoTop({ easingType: &#39;easeOutQuart&#39; });
});
</script>

6. SAVE dan siap!

Kalau korang tak nak pakai gambar yang sedia ada ni, ganti code yang warna purple tu dengan URL gambar yang korang nak. Tak nak tukar pun tak pe.

Labels: tutorial

Please leave your kind words here :)
No rude words / spamming are allowed.

Shafika Hanis Ruzi Zati

Feera BuBu Tasha

Intan Eyka Ezma

Adawiyah Adam Werewolf