Back To Top Adalah sebagai jalan pintas menuju tampilan teratas dari blog setelah berada pada scroll paling bawah dari semua tampilan blog. dalam hal ini back to top mempermudah para pengunjung untuk kembali keatas untuk melihat menu utama blog yang dilihat. Langsung kecara:
- Login Blog
- Dashboard > Template
- EDIT HTML
- Klik CTRL+F
- Cari Kode ]]></b:skin>
- Letakkan Kode dibawah ini tepat di atas ]]></b:skin>
<style>
#backtop{cursor:pointer;position:fixed!important;position:absolute;bottom:-70px;z-index:99;background-color:#7F007B;border:2px solid #333;-webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;-moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;width:45px;height:45px;overflow:hidden;text-indent:-999px;-webkit-border-top-left-radius: 30px;-moz-border-radius-topleft: 30px;border-top-left-radius: 30px;}#backtop::after{content:"";position:absolute;top:-4px;left:15px;width:0;height:0;border-width:18px 7px;border-style:solid;border-color:transparent transparent #f7f7f7 transparent;}
</style>
- Cari Kode </body>
- Letakkan Kode dibawah ini tepat diatas kode </body>
<div id='backtop'>Back to Top</div>
<script type='text/javascript'>
//<![CDATA[
$(window).scroll(function(){if($(this).scrollTop()>100){$("#backtop").removeAttr("href");$("#backtop").stop().animate({bottom:"-3",right:"0"},{duration:800,queue:false})}else{$("#backtop").stop().animate({bottom:"-50",right:"0"},{duration:1000,queue:false})}});$(function(){$("#backtop").click(function(){$("html, body").animate({scrollTop:0},"slow");return false})});
//]]>
</script>
- Save Template. HAPPY BLOGGING
Title : Cara Membuat Smooth Scroll Back To Top DI BLOG
Description : Back To Top Adalah sebagai jalan pintas menuju tampilan teratas dari blog setelah berada pada scroll paling bawah dari semua tampilan b...
