Cara Buat Tombol Back To Top di Blogspot

Tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut.

Silahkan login di Blogger

Fitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya seperti pada animasi bintang jatuh dari kursor yang menggunakan javascript biasa. Kelebihan nya juga adalah efek ini sangat ringan ketika 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.

Login ke Blogger sobat
Pilih Design > Edit HTML > klik Expand Widget Template
Cari kode </body> (gunakan CTRL+F)
Copy kode dibawah ini dan Paste tepat diatas kode </body> (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)

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

Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas

<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>

<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/AVvXsEgZBjZpxxrev5xhYIsHZDxQcfgGiEgrYhTX5UifcmBu_Swnut3jBwgrskEaYldE90lV2HjI1bclzELCBUK39Scsa0Z4xoAqDw0WqAjW6sDke-JC66x-y011cyoDIvXofQRnUQ6NeQLITjg/s1600/back-to-top.gif'/></a>

Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai:)

Unknown

Add Comment

Tutorial Blog

Selasa, 14 Februari 2012

Terimakasih anda telah membaca artikel tentang Cara Buat Tombol Back To Top di Blogspot . Jika ingin menduplikasi artikel ini diharapkan anda untuk mencantumkan link http://synasmedseo.blogspot.com/2012/02/cara-buat-tombol-back-to-top-di-blogspot.html . Terimakasih atas perhatiannya.

Synasmedseo Blogger Tips Trik Tutorial Terbaru
Published: 2012-02-14T01:49:00-08:00
Title: Cara Buat Tombol Back To Top di Blogspot
Rating: 5 On 22 reviews

Synasmedseo Blogger Tips Trik Tutorial Terbaru

Tidak ada komentar :

Posting Komentar