Membuat Back To Top Bounce di blogger

adscblog

Dengan memasang Back to top di blogger maka akan semakin mudah bagi para pengunjung untuk kembali ke halaman depan pada postingan,dan dengan di pasang nya Back To Top ini maka template anda pun akan semakin menarik di lihat oleh para pengunjung blog anda,jadi apa salahnya jika Back to top ini di pasang di blogger anda,
Dan untuk pembuatan Back To Top Bounce ini sangatlah mudah apabila anda mengikuti tutorial saya di bawah ini,dan untuk pemasangan nya adalah sebagai berikut

• Masuk Ke blogger
• Pilih templatenya
• Masuk ke Edit HTML
• Kemudian silahkan anda letakan CSS di bawah ini

/* -- BACK TO TOP BOUNCE -- */
#BounceToTop {background:#BDB5E2;text-align:center;position:fixed;bottom:10px;right:10px;cursor:pointer;width:30px;height:20px;padding:5px;display:none;border:1px solid #CBB5D6}
#BounceToTop:before {content:""; position:absolute; bottom:5px; right:5px; width:0; height:0; border-style:solid; border-width:0 15px 20px 15px; border-color:transparent transparent #fff transparent; line-height:0;}
#BounceToTop:hover:before {content:""; position:absolute; bottom:5px; right:5px; width:0; height:0; border-style:solid; border-width:0 15px 20px 15px; border-color:transparent transparent #857BB6 transparent; line-height:0 }
#BounceToTop:after {content:""; position:absolute; bottom:5px; right:11px; width:0; height:0; border-style:solid; border-width:0 9px 12px 9px; border-color:transparent transparent #BDB5E2 transparent; line-height:0;}

• Setelah itu silahkan anda Cari kode </body> dan letakan kode berikut sebelum kode tersebut

<div id='BounceToTop'/>
<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()&gt;100) { $(&#39;#BounceToTop&#39;).fadeIn(); } else { $(&#39;#BounceToTop&#39;).fadeOut(); } });
$(&#39;#BounceToTop&#39;).click(function() { $(&#39;body,html&#39;).animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });
</script>

• Save template

Nah itulah cara pembuatan Bounce To Top di blogger,sangat mudah bukan,dan selamat mencoba nya di blogger anda adscblog

Recommendation Apps

ads1

Previous

Posting Lebih Baru

Next

Posting Lama

Posted by Dede Ubed, Published at 12 Juni and have 0 komentar