Cara Membuat Widget Back to Top !

Oleh VeRZaW#021

Senin, 29 Juli 2013

Bagikan :

Tweet

Setelah saya posting tadi tentang Download Simple Faster V2 Free !! nah kali ini saya mau kasih widget back to top yg ringan ,dah pada tau kan widget Back to Top ?? itu lho widget yang kalau di klik kembali ke halaman atas ok lah kalau masih binggung langsung saja di Coba ya :D nih sob mau tau kya apaan? Cekibrott :D

CARANYA

1. masuk ke blogger
2. ambil template
3. edit html
4. cari code  ]]></b:skin>
5. copy code dibawah di ATAS/SEBELUM ]]></b:skin>

#bs-bt-top-nav {position: fixed;cursor: pointer;background: rgba(0, 0, 0, 0.78);color: white;padding: 10px 20px;border-radius: 3px;bottom: 22px;right: 90%;}
#topcontent {margin-bottom: 10px;}
.c_images img {width: 57px;height: 57px;}
.c_images img {width: 57px;height: 57px;}
.selectnav { display: none; }
.c_images img {width: 57px;height: 57px;}
.selectnav { display: none; }
.c_images img {width: 57px;height: 57px;}
.selectnav { display: none; }
<!--Widget By www.bloggerspice.com-->

   6.nah udah setelah itu cari code  </body> 
   7.nah letakan kode dibawah tpt di SEBELUM ATAU SESUDAH </body> 

<a id='bs-bt-top-nav' title='Back to top'>Back to top</a>
<script type='text/javascript'>
//<![CDATA[
$(window).scroll(function() {
    if($(this).scrollTop() > 200) {
        $('#bs-bt-top-nav').show();
    } else {
        $('#bs-bt-top-nav').hide();
    }
});
$('#bs-bt-top-nav').hide().click(function() {
    $('html, body').animate({scrollTop:0}, 1000);
    return false;
});
//]]>
</script>

NAH SAVE DEH
semoga bermanfaat kalau masih belum Donkk ,, silahkan bertanya dengan cara berkomentar di bwah artikel ini :D

Tag : Tutorial Blogger