Setelah kemarin posting cara PRAKTIS mengetahui blog yang SEO friendly atau belum, nah pada kali ini saya mau share cara membuat tombol back to top di blog. Tombol back to top adalah tombol yang fungsinya untuk mengembalikan dari halaman bawah ke halaman paling atas. Dengan memasang tombol ini, pengunjung akan lebih mudah kembali ke halaman paling atas, hanya dengan sekali klik. Tombol ini biasanya terletak di pojok kanan bawah dengan tampilan melayang. Sobat pernah nggak, berkunjung di blog lain kemudian menemukan tombol yang saya maksud ini? Di blog sobat juga bisa di pasang tombol back to top ini lho, Nah jika sobat tertarik dengan tombol ini, langsung di pasang aja. Hehe
Tombol back to top ini memakai script yang simple dan tidak di pasang di template blog, tapi cukup di pasang di gadget blog saja, jadi tidak terlalu sulit untuk memasangnya. Meskipun script ini di letakkan di posisi gadget manapun, entah itu di bagian footer, sidebar, munculnya akan tetap melayang di sebelah pojok kanan bawah dan tampilan blog sobat akan kelihatan lebih menarik. So, don�t worry be happy. Halah kayak pinter bahasa inggris aja nih bang amri. Hehehe :)
Berikut ini langkah-langkah untuk memasang tombol back to top di blogger/blogspot :
1. Login ke akun Blogger
2. Pilih opsi Tata letak
3. Tambahkan gadget kemudian pilih dan buka HTML/JavaScript
4. Copy dan paste script di bawah ini di halaman HTML/Javascript yang sudah sobat buka tadi
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="url gambar back to top blog" /></a>
5. Kemudian Simpan dan lihat hasilnya
Keterangan :Ganti teks yang berwarna merah dengan alamat url gambar berikut ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD6SadjjkV-OrHEmjgUan1nG5XCz1Uub24B6wmBHECh1vyDwBJ1RiQMzvqa4iwVvb9ZFk7A4MhAvDbH9hBwoNzt00SLHkUflXlVo9tPunPuYE0LIRazgc9CD7_nMiX-rets_OiuPqAtn3a/s400/bttp-14.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxWQAnXWip88nikrQB61bRnsGcSB9c_dBXfOCbWAWEZ2nlzdy2Nx2fduKsy5JQTs_LMf8nj8YkS_h3THpJ4Ea9tSLL1fpJMXO3Mu0LI4WLyzT59GT21GSvQE0Z5mFBRe0AErUkCcrXpWYE/s400/bttp-15.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9wwshFgkiLNeQTuzgpbTzAsEUsZffy50e39ZFP3CVREyWk1Qjl8UpSguVlxHSndYanTc7D1C2qBfEZyfYkXiE_UhCdUsCaQhCEirSmztkLPxhUpbzHpr5DlqVnP0JramtTh8ePNIUuNUr/s1600/bttp-16.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWzdLJHkmRSXrfbHo9JnczjpzYUlSm_D8IB0_wZy7iMCYp7cie44A3qh7YNADdF7Wuam8DOnsjEc-k2wQsAmTwX8OVkxX_h9e-U81toa48vv0wYE1CkeAy8QPDdmKJG-PYilJ-ZrjDWXpa/s400/bttp-17.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsu_oMPwfdBIE2_tvUx_5vWGx2wWa2Bp62v6MNzL2bOavAJkct4D8_u18f4L66zOPlIZU84zi4DPDDcIKHci-ermrXdSmwExDJ3Pqv43hS5M5EZJuYRf7FQyFIDH0qa9ECYHFxs6AAJaUT/s400/bttp-19.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglqB-NsHlR81xPL6bwlFqdCwskfPqhrAKh9oBBdpRpUDWNK7C8nZhOpMx5ejdwFFgfGsE7fMB1hlKt5M5VL8RSotF8nFpgJZfM9KQbuOfKx21tyd40_cSpfYOYLCasCMO54mDbAseXJeKn/s400/20.pngMudah kan sobat? Semoga tutorial cara membuat tombol back to top atau tombol kembali ke atas ini bermanfaat.
Backlinks Please Thanks
| URL |
| Code For Forum |
| HTML Code |
