Cara Pasang Widget Back To Top di Blogger - Hallo sahabat Ponsel Ajaib, Pada Artikel yang anda baca kali ini dengan judul Cara Pasang Widget Back To Top di Blogger, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel back to top, Artikel blogspot, Artikel tips-trik, Artikel Widget, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Pasang Widget Back To Top di Blogger
link : Cara Pasang Widget Back To Top di Blogger

Cara Pasang Widget Back To Top di Blogger

Widget Back To Top adalah tombol yang muncul otomatis di bagian bawah halaman blog ketiga layar digulung ke bawah, toombol ini berfungsi untuk memudahkan pengunjung kembali ke bahagian atas halaman dengan mudah.

Pada dasarnya tombol ini digunakan untuk memudahkan pengunjung menggulung layar halaman blog yang memuat artikel terlalu panjang ke bawah, agar pointer halaman blog secara otomatis menuju ke bahagian halaman paling atas.

Tombol ini harus bekerja sedemikian rupa, diatur agar muncul secara otomatis hanya pada saat layar memuat halaman artikel yang terlalu panjang dan posisi  halaman sudah melebihi batas bawah layar.

Sehingga ketika pengunjung memutuskan ingin kembali ke bahagian atas layar maka dengan mudah dapat menekan atau klik pada tombol tersebut dan secara otomatis akan menggulung layar ke bahagian atas halaman dengan sendirinya.

Cara Pasang Widget Back To Top di Blogger

1. Masuk ke Dashboar Blogger
2. Klik Template >> Edit HTML
3. Cari kode </head> kemudian paste kode berikut di atasnya

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript">

Jika dalam template Anda sudah tersedia script jQuery sebelumnya abaikan langkah di atas.

4. Selanjutnya kopikan kode di bawah ini tepat di atas kode </body>

<script type="text/javascript">$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#top").fadeIn()}else{$("#top").fadeOut()}});$("#top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script>
2
<a href="https://www.blogger.com/null" id="top" style="bottom: 1px; cursor: pointer; display: none; font: 12px arial; position: fixed; right: 0%;"><img src="http://lh3.googleusercontent.com/-uaO-GjCMRHY/U9FN4YarXMI/AAAAAAAAKUY/1mXlAMwFpwk/s43-no/Back To Top.png" height="43px" width="43px" /></a></script>

Simpan template. Selamat menikmati widget Back To Top di blog Anda.

Lihat juga: Cara Memasang Status Twitter Ke Blog

Demikianlah Artikel Cara Pasang Widget Back To Top di Blogger

Sekianlah artikel Cara Pasang Widget Back To Top di Blogger kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Pasang Widget Back To Top di Blogger dengan alamat link http://ponsel-ajaib.blogspot.com/2016/08/cara-pasang-widget-back-to-top-di.html