Membuat widget back to top

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.

Artikel Terkait:

Tutorial blogspot

• Membuat toko Online dengan Template Standar Blogger
• Cara Membuat Label Kategori di Blogspot
• Cara menghilangkan Judul Blog di header
• Cara membuat kontak form blogspot
• Cara membuat blog gratis dengan blogspot
• Membuat tulisan berjalan marquee blogspot
• Mengenal dan menulis kode HTML blog
• Membuat toko online wordpress
• Membuat menu drop down blogspot –Bagian2
• Widget Cek Resi TIKI JNE dan Pos Indonesia
• Membuat tulisan berkedip di blog
• Widget sms gratis di blog
• Cara membuat banner blog
• 6 cara membuat form online gratis
• Membuat Halaman di blog - blogspot
• Membuat menu dropdown di blogspot - bagian 1
• Cara memasang MP3 di Blog
• Cara membuat efek daun berjatuhan pada blog
• Cara mempercantik blogspot
• Membuat sitemap blogger
• Cara membuat random post blogger
• Cara membuat Energy Saving Mode pada blogspot
• Membuat header blog dengan gambar
• Cara posting artikel blog melalui Email