Artikel cara Membuat widget back to top di blog – Ketika Tampilan Halaman blog atau content sebuah artikel yang panjang, maka akan membawa pengunjung meng-scroll kursor-nya sampai bagian bawah halaman blog. Nah pada saat di bagian bawah halaman, pengunjung yang akan kembali ke bagian atas akan mengalami kesulitan atau akan menscroll ulang kursor untuk naik lagi ke bagian halaman blog bagian atas. Maka dari itu dibutuhkan sebuah alat bantu berupa widget yang ketika di klik akan otomatis menuju ke halaman blog bagian atas sehingga akan memudahkan pengunjung ketika akan kembali lagi ke halaman blog bagian atas.
Widget back to to di blog ini bisa bisa berupa gambar panah atau sesuatu yang menandakan kembali ke-atas. Pandai-pandailah memilih gambar yang cocok dengan warna blog anda sehingga selain fungsinya di-atas juga akan mempercantik blog anda.
Langkah dalam pembuatan widget back to top adalah:
- Log in ke blogger
- Pada halaman dashboard pilih Layout>HTML/Javascript
- Untuk jaga-jaga silahkan download terlabih dahulu html anda
- Centang Expand Widgets Templates
- Cari kode </b:section>
- Pastikan kode tadi adalah kode yang terakhir dati susunan HTML anda
- Letakan kode dibawah tepat setelah kode </b:section>
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://g.imagehost.org/0373/arrow_up_green.png'/></a>
- simpan pekerjaan anda.
Nah di step ini anda sudah selesai membuat widget back to top pada blog.
Kalau ada masalah silakan sms saya melalui widget sms gratis yang artikelnya sudah saya buat sebelum artikel ini dibuat.
Keterangan:
Url yang ditandai merah di atas tampilan gambarnya seperti ini:
Alamat url yang ditandai merah bisa diganti dengan alamat url lain jika anda menghendaki gambar yang lain seperti 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
Dengan menambahkan fasilitas widget back to top pada blog akan membuat pengunjung blog anda akan semakin betah.
Tidak ada komentar:
Posting Komentar