Trading dengan Broker Terbaik

Cara membuat Tombol Back to Top pada Blogger

1 September 2018 ()

Hai! Berikut ini adalah Cara untuk membuat Tombol Back to Top pada Blogger :


  • Buka Menu Themes, kemudian klik Edit HTML.
  • Tambahkan Kode ini sebelum Kode </b:skin> :
  • Untuk memudahkan pencarian tekan Crtl dan F, ketik </b:skin> dan tekan Enter.
#built2bless-back-to-top{
font-size: 24px;
font-weight: 300;
background: #00bff9;
color: #fff;
padding: 3px 8px 8px 8px;
border: 2px solid #2d2d2d;
border-radius: 50%;
}

#
built2bless-back-to-top:hover{
font-size: 24px;
font-weight: 300;
background: #00bff9;
color: #fff;
padding: 3px 8px 8px 8px;
border: 2px solid #2d2d2d;
box-shadow : 0px 0px 5px #00bff9;
border-radius: 50%;
}

.
built2bless-back-to-top{
position:fixed;
bottom: 18px;
left:10px;
z-index:999;
}
  • Kemudian Tambahkan Kode ini diatas Kode </body> :
<div class='built2bless-back-to-top'><a href='#' id='back-to-top' title='Back to Top'><i class='fa fa-chevron-up'/></a></div><script>
      $(window).scroll(function() {
        if($(this).scrollTop() &gt; 200) {
          $(&#39;#back-to-top&#39;).fadeIn();
            } else {
            $(&#39;#back-to-top&#39;).fadeOut();
            }
            });
          $(&#39;#back-to-top&#39;).hide().click(function() {
            $(&#39;html, body&#39;).animate({scrollTop:0}, 1000);
            return false;
            });
</script>
  • Kemudian klik Save Themes. dan klik View Blog untuk melihat Hasil.

Semoga Bermanfaat, Happy Blogging :)

Tags : Blogger CMS (Content Management System)