Butang Kembali Ke Atas
*Butang kembali ke atas menggunakan jQuery
Cara Pemasangan
Di Blogger Dashboard--->Klik Design---Edit HTML
Copy dan Paste Kod Di Bawah Sebelum Kod ]]></b:skin>
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMD1nqA_Wm3O9FeGnnjOH9Sxx9K3CCmp16gItf1RfrLvw6mx5pZln5RmyNyLqeBkR-o2PEs_fvk4O7tIAcfVhNr1K62dqgMQf5FleA5QR7RWUQISmzA5WhyphenhyphenW-ZoMxAhLYcMNBve7T7lAI/s1600/ui.totop.png) no-repeat left top;
}
#toTopHover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMD1nqA_Wm3O9FeGnnjOH9Sxx9K3CCmp16gItf1RfrLvw6mx5pZln5RmyNyLqeBkR-o2PEs_fvk4O7tIAcfVhNr1K62dqgMQf5FleA5QR7RWUQISmzA5WhyphenhyphenW-ZoMxAhLYcMNBve7T7lAI/s1600/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}
Akhir sekali,copy dan paste kod dibawah Sebelum/Diatas Kod </head>
<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://spiceupyourblogextras.googlecode.com/files/easing.js' type='text/javascript'/>
<script src='http://spiceupyourblogextras.googlecode.com/files/jquery.ui.totop.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
/*
var defaults = {
containerID: 'moccaUItoTop', // fading element id
containerHoverClass: 'moccaUIhover', // fading element hover class
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
Save template anda.
Cara Pemasangan
Di Blogger Dashboard--->Klik Design---Edit HTML
Copy dan Paste Kod Di Bawah Sebelum Kod ]]></b:skin>
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMD1nqA_Wm3O9FeGnnjOH9Sxx9K3CCmp16gItf1RfrLvw6mx5pZln5RmyNyLqeBkR-o2PEs_fvk4O7tIAcfVhNr1K62dqgMQf5FleA5QR7RWUQISmzA5WhyphenhyphenW-ZoMxAhLYcMNBve7T7lAI/s1600/ui.totop.png) no-repeat left top;
}
#toTopHover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMD1nqA_Wm3O9FeGnnjOH9Sxx9K3CCmp16gItf1RfrLvw6mx5pZln5RmyNyLqeBkR-o2PEs_fvk4O7tIAcfVhNr1K62dqgMQf5FleA5QR7RWUQISmzA5WhyphenhyphenW-ZoMxAhLYcMNBve7T7lAI/s1600/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}
Akhir sekali,copy dan paste kod dibawah Sebelum/Diatas Kod </head>
<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://spiceupyourblogextras.googlecode.com/files/easing.js' type='text/javascript'/>
<script src='http://spiceupyourblogextras.googlecode.com/files/jquery.ui.totop.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
/*
var defaults = {
containerID: 'moccaUItoTop', // fading element id
containerHoverClass: 'moccaUIhover', // fading element hover class
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
Save template anda.
Post a Comment:
Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.