Memasang Smooth Scrolling Back to Top Pada Blogger Reviewed by Paman Epic on Januari 26, 2017 Rating: 4,5

Memasang Smooth Scrolling Back to Top Pada Blogger

Back to Top Pada BlogBack to Top merupkan link yang memungkinkan netizen untuk lancar kembali ke atas halaman. Ini adalah detail kecil yang mempermudah dalam mengakses web dengan isi konten yang panjang .

Back to top itu sendiri berasal dari bahasa inggris yang artinya:
Back = Kembali
To = ke
Top = Atas
Kalau di gambungkan maka artinya menjadi Kembali Ke Atas.

Cara Memasang Back to Top Pada Blogger.
Masukan Scrip Css dibawah ini kedalam template diatas </head> jika Anda belum memilikinya, jika sudah ada tidak usah lagi.

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
  1. Anda perlu menuju ke: Blogger > Template > Edit HTML.
  2. Letakan kode di bawah ini tepat dibawah <b:skin>.
  3. /* -- Back to top Aim Blogger -- */
    #totop {bottom: 0;display: none;position: fixed;right: 15px;bottom:10px;z-index: 999;}
    #totop a {color: #fff;display: block;font-weight: bold;line-height: 1em;padding: 10px;text-align: center;text-shadow: 0 1px rgba(255,255,255,0.8);background:#DC3333;}
    #totop-icon:before {content: "";font-family: FontAwesome;}
  4. Letakan Kode dibawah ini tepat dibawah Kode </Footer>
  5.  <div id='totop' style='display: block;'>
      <a href='#'>
     <span id='totop-icon'/><i class='fa fa-chevron-up'/></a>
    </div> 
  6. Letakkan Kode dibawah ini tepat diatas </body>
  7. </script>
    <script type='text/javascript'>
     var jQueryscrolltotop = jQuery(&quot;#totop&quot;);
     jQueryscrolltotop.css(&#39;display&#39;, &#39;none&#39;);
     jQuery(function () {
      jQuery(window).scroll(function () {
       if (jQuery(this).scrollTop() &gt; 100) {
        jQueryscrolltotop.slideDown(&#39;fast&#39;);
       } else {
        jQueryscrolltotop.slideUp(&#39;fast&#39;);
       }
      });
      jQueryscrolltotop.click(function () {
       jQuery(&#39;body,html&#39;).animate({
        scrollTop: 0
       }, &#39;fast&#39;);
       return false;
      });
     });
    </script>
  8. Simpan Template dan lihat hasilnya
Good Luck
Memasang Smooth Scrolling Back to Top Pada Blogger Memasang Smooth Scrolling Back to Top Pada Blogger Reviewed by Paman Epic on Januari 26, 2017 Rating: 5

Tidak ada komentar:

Daripada komen pake akun kloningan, mending pake akun asli. Siapa tau kita bisa belajar bareng.

Diberdayakan oleh Blogger.