Cara Buat Tombol Back To Top

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.


Fitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. 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 blogger ini.
Silahkan login di Blogger
1.Pilih Design > Edit HTML > klik Expand Widget Template
2.Cari kode </body> (gunakan CTRL+F)
3.Copy kode dibawah ini dan Paste tepat diatas kode </body> (jika kode dibawah sudah ada di template Anda, kode dibawah tidak usah dipasang lagi)
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
4.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'/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='http://i1184.photobucket.com/albums/z340/prafisetyo/Anima%20icon/arrow_comes_by.gif'/></a>
6.Terakhir simpan template Anda dan tombol back to top sudah bisa dipakai
Yang berwarna merah bisa anda sesuikan dengan gambar anda sendiri
NB:Ganti link yang berwarna merah sesuai keinginan anda...
Sumber : http://www.ada-blog.com

Salam buat sobat blogger ... ...

Aku hanyalah seorang cah ndeso dan katro yang kebetulan suka nulis, suka ngenet dan terutama suka uothak-uathik template blogspot. Bila sampeyan menyukai semua yang telah aku coba tulis dan terbitkan, aku hanya berharap bahwa semuanya bisa memberi manfaat dan mungkin juga bisa memberi dorongan untuk terus nglembur, nulis dan selalu memeras otak menuangkan hal-hal baru yang bermanfaat bagi pembaca. O, ....ya ..., Orang-orang atau tetangga sebelah biasa memanggil ku dengan sebutan si katro, "yang suka melek malam dengan asap lintingan tak pernah telat". Yah ... moga-moga saja sampeyan semua nggak ikutan memanggil ku seperti para tetangga sebelah! Makacih, ya, atas kunjungannya. Maap nggak bisa kasih wedang kopi ma roti bolu!

Silahkan buka link di bawah ini untuk mengikuti tutorial menarik lainnya:
http://tio-dhp.blogspot.com/

0 komentar:

Posting Komentar

Diberdayakan oleh Blogger.

© Tutorial Blog, AllRightsReserved.

Designed by Tio Prasetyo