Tutorial : jQuery Top Up Button
16 Ogos 2011 | 0 comment(s)
Haaa ! Korangg tahu tak mcm mana jQuery Top Up Button nie ? Ce try tenguk top up button kat blog kite , bile kat atas hilang. bile kat bawah baru ade. ha ! Nak buat tak ? Jummmm !Dashboard - Design - Edit HTML
Tekan F3 , Search code nie :
]]></b:skin>
Then, copy code kat bawah nie , lepas tuh paste kat ATAS code ]]></b:skin> tadi.
#toTop {display:none;text-decoration:none;position:fixed;bottom:10px;
right:10px;overflow:hidden;width:110px;height:130px;border:none;text-indent:-999px;background:url(http://i1208.photobucket.com/albums/cc361/Letthalicious/fairy-graphic1.png) no-repeat left top;}#toTop:active, #toTop:focus {outline:none;}
Ehhh ! Belum siap lagi .
Search code nie pulak :
</head>
Copy cod bawah nie , paste dekat ATAS code </head> tadi :
<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: 'moccaUItoTop', // fading element idcontainerHoverClass: 'moccaUIhover', // fading element hover classscrollSpeed: 1200,easingType: 'linear' };*/
$().UItoTop({ easingType: 'easeOutQuart' });
});</script>
MERAH : URL Icon Top Up. Boleh ambik kat Photobucket.
Nie ikot ape yg kite buat kat Edit HTML kite , taktahu jadi ke tak. Try lah dulu.
Cer try tau.