Informasi|Berita|Teknologi|Tata cara|Pembelajaran|Tutorial|Tips

[ Kontes ]

Tombol back to top pada blog

Back to Top Button atau Tombol Kembali ke Atas adalah fitur blog yang mempermudah pengunjung/visitor blog kembali ke bagian atas halaman dengan sekali klik tanpa melakukan mouse scrolling. Efeknya sangat besar sekali terutama bagi blog yang memiliki halaman panjang. Letak dari tombol fitur back to top kali ini ada di bagian footer seb
2. Cari kode tag </body> (Ctrl+F)
3. Masukkan kode berikut di atas </body>:
Gunakan gambar berikut, klik kanan copy (save as), trus upload dan host sendiri ya gambarnya, biar gak lelet and pengunjung gak melet-melet!

Atau Googling (cari juga di photobucket.com) gambar 'back to top/kembali ke atas' sendiri yang lebih keren dan sesuai dengan warna dan ukuran footer blog-mu, gunakan keyword "back to top button image", kemudian upload dan host gambar itu.
Ambil/copy direct link gambar dan ganti alamat url gambar Back to Top-mu dengan alamat url/link tersebut. Contoh:
<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipXWs_41dm7pUFdY0R7PFzjy7Ru9ZBCnXou7p-8TXuPP4zYYlkYcGHaFQQa6ds7CJd3aToXtJwknJzBFkhjYqb8ksN6GvQ6d4DizIqcd9riTLyOOki39mMKcOv2EIbiD_cxC5Z_SyqGRAK/s1600/bttp-4.png'/></a>
Oke, udah? Belum? Buruan lah!

4. Kalau sudah dimasukkan semuanya dan pastikan tidak ada yang terlewat, save template HTML-nya.
5. Done! Fitur/Button Back To Top siap digunakan

No comments:

Post a Comment

* Silahkan berkomentar dengan SOPAN,SANTUN dan BIJAK tidak SPAM
* Jika anda tidak memiliki akun Google anda bisa gunakan Name/URL
* Mohon jangan menyisipkan Link Hidup!!!
* Dukung blog ini untuk menjadi blog yang di harapkan oleh pembaca
* Berilah komentar yang bersifat baik
*Blog ini DOFOLLOW & Baklink jadi banya banyak Komentar
<=============SALAM PERSAHABATAN =============>

Back To Top