Membuat Back To Top.Dalam nuansa bulan penuh hikmah ini,alangkah tepat bila kita membicarakan masalah Back To Top.Sebagai umat muslim tentu menjadi satu keinginan besar di bulan Ramadhan ini kita kembali ke fitrah kita sebagai manusia yang suci.Saya yakin sahabat lebih mengetahahui masalah kebenaran dan kesucian yang kita damba,pedoman yang tidak diragukan kebenarannya adalah Al-Qur’an dan Al-Hadist.
Ada yang lebih berhak melanjutkan alinea diatas,kapasitas saya hanya menyimpan apa yang telah saya dapat dari hasil blogwalking, ungkapan halus dari copy paste.Dimana bila saya perlu lagi tidak serta-merta harus repot-repot mencari lagi ke mbah Google,tinggal buka dach blog sendiri.
Memasang tombol Back To Top pada blog kita bukan satu kewajiban,namun bila pengalas mouse tidak rata permukannya atau tangan kita pegal ketika kita harus menurun-naikan scrool,maka alternatif cerdas untuk ini adalah satu kali klik tombol Back To Top diperlukan.Insya Allah kode ini tak akan memberatkan loading blog kita.Jika sobat tertarik membuatnya,silahkan ikuti langkah ringan ini:
1.Masuk akun blogger sobat
2.Pilih Rancangan
3.Klik Edit HTML lalu centang Expand Template Widget
Langkah pertama dengan scrool top dasar ini,masukan kode ini sebelum kode </body>
Langkah pertama dengan scrool top dasar ini,masukan kode ini sebelum kode </body>
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img alt='BacktoTopRN' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9QcqPO7jxV0_tF71Xj4FqCXRZXbRAQMGxApNSaabVs3CtO0EQsHUE_E3kJ6qTOi5iekXOWYuclHKraHKLQ0ejEYJeAgxKaivK_tqn5l7roQ0v5aZjAowtgoCu_Xl5HsAzMNRslmTkSiI/'/></a>
4.Lalu save template.
Sobat bisa coba dengan langkah kedua bila langkah pertama gagal,copy scriff dibawah ini dan pastekan di dibawah kode : <head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script src="http://raezen.fileave.com/scrolltop.js" type="text/javascript"></script>
Simpan template lalu lihat hasilnya.
Selamat beribadah puasa dan semoga experiment sobat berhasil sempurna.
Happy Blogging !
trims gan bermanfaat
ReplyDeleteapalagi untuk long blog gan
@Obat Sakit 2011: Benar Apih,saya memanfaatkan dua trik ini untuk memberi balance pada footer saya,disamping long blog.Makasih sudah bisa berbagi disini,happy blogging!
ReplyDeletemantap gambarnya, disamping enak diliat, juga ada fungsinya.
ReplyDeletepersiapan saur Agan
Muhun Kang yeuh,bade sahur didieu?Dijamin imsyak mah moal di undurkeun 2 jam,hehehe!
ReplyDeleteCuang-cieung footer tuda pami digeser ka bawah teh,ngorehan ti aki google Kang.Wilujeng saom and happy bw bae!
Tips yang sangat bermanfaat sekaligus memberdayakan coding alt pada gambar...hehe. jadi valid dech...Mengenai kesucian, mungkin itu kapasitas Awwam dengan segala kekurangannya..nice share and happy
ReplyDelete@Iskaruji dot com:dulu saya telah meminta ijin untuk memindahkan semua isi artikel Mas kesini.Walau dengan penerimaan yang merangkak dan bertahap namun si Awwam ini sudah membuktikan bahwa apapun yang dikerjakan dengan sabar pasti membawa hasil yg memuaskan,hehehe(maksudku memuaskan untuk saya pribadi).Makasih untuk semua infonya,makasih untuk pencerahannya.Saya berharap,Mas Iskaruji jangan lelah untuk terus membimbing (kami).Oh iya Mas,mohon maaf bila saya agak telat mengikuti perkembangan si Awwam,koneksi internetku sering macet,hehehe.
ReplyDeleteHappy too!
wah sob, itu gambar jagoanku ya, langsung deh aku coba
ReplyDeletebisa dengan sekali klik sudah nongol di atas lagi gan
ReplyDeletememudahkan pengunjung jadinya
tutorial menarik gan, mohon maaf lahir batin, selamat menunaikan ibadah puasa
ReplyDeletekok ane ga bisa pasang Back To Top ya gan malah error...hiks
ReplyDeleteback to top? baru tahu nih sob. minta ijin ngikuti trik ini sob.
ReplyDeleteAssalamualaikum Wr. Wb. sobat...
ReplyDeleteAda hadiah special untuk sobat diblogku, silahkan diambil sob...
Thank's...
Hemm,, Tombol BTT ini cukup memudahkan Pengunjung untuk kembali keHalaman Atas!!
ReplyDeleteAyas udah beberapa kali coba membuatnya dr tutorial blog lainnya tp gagal terus tuh... gak tew kenapa???
Smoga aja dgn Tutorial dr Sobat Er'end ini, Ayas bs Berhasil!!!
Do'akan yach Boss.. Hwehee
Tips-nya bagus mas..lain kali nanti tak coba mas
ReplyDeletewuihhh keren, nice trik masbro
ReplyDelete