Langsung aja yuah gan ngejar waktu nih..!!
Tanpa basa basi lagi..
1. Langkah Pertama Login Ke Blogger Mu
2. Pilih Template
3. Edit HTML
4. Cari kode ini
]]></b:skin> Untuk Mempercepat Pencarian Tenken Ctrl+F
5. Copy Kode di bawah ini dan letakan di Atas
]]></b:skin>
/* Smooth Back to Top dengan jQuery */
#backtop { cursor:pointer; position:fixed !important; position:absolute; left:96%; bottom:-70px; z-index:999; background-color:#3c9ef0;
border:1px 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:30px; height:45px;
overflow:hidden; text-indent:-999px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px; border-top-left-radius:5px;
border-top-right-radius:5px }
#backtop::after { content:" " ; position:absolute; top:3px; left:8px;
width:0; height:0; border-width:12px 7px; border-style:solid;
border-color:transparent transparent #f7f7f7 transparent }
6. Copy Kode di bawah ini dan letakan tepat di Atas
</body>
<!-- Smooth Back to Top dengan jQuery -->
<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:"-54",right:"0"},{duration:1000,queue:false})}});$(function(){$("#backtop").click(function(){$("html,
body").animate({scrollTop:0},"slow");return false})});
//]]>
</script>
NB :
Ganti
Texs berwarna Merah dengan kode warna yang sahabat ingin kan...!!!!
Title : Cara Membuat Smooth Back to Top dengan jQuery Blogger
Description : Langsung aja yuah gan ngejar waktu nih..!! Tanpa basa basi lagi.. 1. Langkah Pertama Login Ke Blogger Mu 2. Pilih Template 3. Edit ...