Cara Menciptakan Back To Top Responsive

September 27, 2019
Cara menciptakan/memasang tombol back to top/go top di blogger, tombol back to top merupakan sebuah tombol yang berfungsi untuk menciptakan/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sesampai lalu akan mempermudah reader ataupun visitor untuk kembali´pada bab atas dari blog/website dengan cepat dikala berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut. Sebagai pola anda sanggup melihat pada bab kanan bawah dari blog admin ini
 tombol back to top merupakan sebuah tombol yang berfungsi untuk  membuat Cara Membuat Back To Top ResponsiveFitur back to top yang kita buat/bahas kini ini merupakan fitur tombol back to top memakai jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya. Kelebihan nya juga merupakan efek back to top ini sangat ringan dikala di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti tips & tricks blogger berikut.

Cara Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger

  • Silahkan login di Blogger
  • Pilih Template > Edit HTML > klik Expand Widget Template
  • Cari isyarat </body>  (gunakan CTRL+F)
  • Copy isyarat dibawah ini dan Paste sempurna diatas isyarat </body>  (apabila isyarat dibawah sudah ada di template anda, isyarat dibawah tak usah dipasang lagi)
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
  • Kemudian Copy lagi isyarat dibawah ini dan lalu Paste sempurna dibawah isyarat diatas
<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Fajar djoekerz - fajardjoekerz.blogspot.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyEPnO3KWBywntNlgmX0J-FM2Av4Hk6Hr4mp-kbFYWvP2jSZIk2CNn0pBRe9IP4YooUutf37FutKeT_GQRuGITDodcfwBh9xoy2BcxQ4x9zWu1tnP4P1U0sXQ0_zpLfCRnOqNZTf750wY/s1600/back-to-top.gif'/></a>
  • Terakhir simpan template anda dan tombol back to top sudah sanggup digunakan

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

No comments