image3

welcome to my blog|hope be useful

Cara Membuat Tombol Back to Top pada Blogger

Hai Blogger! Berikut 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 CSS HTML

Share :

Blog ini tidak menyediakan URL / Link Download segala jenis Konten yang Bersifat Ilegal, seperti Crack, Patch, Serial Number, dan Sejenisnya.

PROFIT KONSISTEN DENGAN ROBOT TERBAIK :

FREE Trial Forex EA Trader
Forex Trend Detector
Dynamic Pro Scalper
Forex Diamond EA - Robot Forex Terbaik
WallStreet Forex Robot 2.0 Evolution
Volatility Factor 2.0

CONVERSATION