Cara Membuat Tombol Back To Top Di Blog
Cara Membuat Tombol Back To Top Di Blog - tahukah anda tentang 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. Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya ini.
Tombol back to Top Blogspot kali ini berjenis melayang (floating) dan berada di bagian pojok kanan bawah. Kodenya pun sedehana dan tidak menggunakan javascript/jquery sehingga waktu muatnya lebih pendek. Script ini dibuat berdasarkan perintah link yang mengacu ke wrapper (#) dengan ditambah aturan CSS position-styling. Easy.
Cara Memasang Back to Top di blog:
1. Copy kode berikut:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Scroll/Back to Top"><img src="url gambar back to top blog" /></a>
Anda dapat mengganti title Scroll/Back to Top dengan kata-kata yang diinginkan
2. Buka dashboard > Design/Rancangan > Klik Add a/Tambah Gadget > Pilih opsi HTML/Javascript
3. Paste/letakkan kode tersebut, lalu save.
Posisi gadget dimanapun tidak masalah karena letak tombol tersebut fixed (tetap), yang menjadikannya melayang.
keterangan:
anda dapat mengganti gambarnya dengan link di bawah ini
http://g.imagehost.org/0439/arrow_1.jpg
http://g.imagehost.org/0497/arrow_2.jpg
http://g.imagehost.org/0466/arrow_3.jpg
http://g.imagehost.org/0130/arrow_4.jpg
http://g.imagehost.org/0042/arrow_5.jpg
Artikel Menarik Lainnya 
Langganan:
Posting Komentar (Atom)
14 Responses to “Cara Membuat Tombol Back To Top Di Blog”
akhirnya ketemu juga.. makasih gan
http://bayusetyaajie.blogspot.com 3 Desember 2012 pukul 20.41
boleh di coba nih ..
mampir ya gan di blog ane
http://basketball-saga.blogspot.com/ 29 Desember 2012 pukul 19.18
sukses terpasang d blog satu saya bang..thx banget dahh
komen back yee 26 Januari 2013 pukul 14.14
oke :) 31 Januari 2013 pukul 22.25
Mantap gan infonya. Mampir juga ke blog ane gan :) 4 Februari 2013 pukul 10.57
Keren gan, mampir balik ya http://serbafakta.blogspot.com/ 5 Februari 2013 pukul 23.01
Sebelumnya ane sedot dari guru2 ane, ketika ane pasang, ada pesan error dari Html template ane, walau akhirnya bisa.
Tapi artikel Back to TOP dari Tersemat.com ini, sangat simple, so effective. Jadi ane pasang dah.
Hasil: OK 100%. Terima Kasih bang agan. 7 Februari 2013 pukul 15.18
mantabss..
mampir ya gan ke blog ane..
http://4biyaksa.blogspot.com 27 Februari 2013 pukul 16.32
thanks atas informasinya, akan saya terapkan 17 Maret 2013 pukul 01.41
coba lagi nih di http://blognya-efry.blogspot.com/ 24 Maret 2013 pukul 07.37
simpel tapi keren gan infonya
kunjungi juga beatdownx.blogspot.com gan 26 Maret 2013 pukul 13.14
sip mantap. . .
-----------
anfilem.blogspot.com 31 Maret 2013 pukul 15.26
Komentar ini telah dihapus oleh pengarang. 9 April 2013 pukul 11.48
Terima kasih bro....tutorial yang bagus ni.. 26 Mei 2013 pukul 02.42
Posting Komentar