18 Desember 2010

Membuat Back to Top Blogger Baru

Tutorial pada umumnya memiliki berbagai macam informasi yang hendak disampaikan oleh penulis kepada pembaca tutorialnya. Informasi yang disampaikan biasanya menggunakan gaya bahasa yang berbeda-beda, sesuai dengan gaya bahasa masing-masing penulis. Berbagai macam gaya bahasa yang diterapkan dalam menulis suatu informasi tersebut dapat kita temukan pada blog-blog yang mempunyai admin berbeda.


Nah… yang kadang-kadang menjadi masalah adalah jika pada suatu halaman blog yang diisi dengan beberapa tutorial oleh admin-nya untuk memberikan informasi kepada pembaca dan tutorial tersebut terdiri dari paragraf-paragraf yang banyak atau panjang, tentu saja satu halaman blog menjadi penuh dan panjang ke bawah. Pada saat pembaca mau kembali ke atas halaman blog haruslah si pembaca tadi menggerakkan scroll pada mouse PC beberapa kali supaya sampai pada halaman paling atas blog, tentu saja ini cukup merepotkan. (Apalagi jika tutorialnya berupa artikel panjang yang diisi dengan puluhan paragraf yang disertai dengan gambar).

Untuk mengatasi masalah tersebut berikut ada satu trik sederhana yang dikenal dengan istilah Back to Top. Para blogger biasanya menggunakan fasilitas ini untuk membantu para visitor yang mengunjungi blognya, dimana hanya dengan menekan satu kali pada buttonnya langsung kembali ke halaman paling atas. Contohnya bisa anda lihat pada pojok kanan bawah halaman blog ini. Bila anda mau membuat button tersebut, caranya sangatlah mudah. Langsung saja begini langkah-langkahnya:

  • Langkah pertama, sediakan dulu gambar button yang ingin anda pakai dan upload di file hosting anda, contohnya pada pothobucket.com.
  • Langkah kedua, ambil Url file yang telah di-upload tadi, selanjutnya copy paste kode berikut:

<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back To Top'><img src="http://i1089.photobucket.com/albums/i352/infokita1978/BackToUpLogo.png"/></a>

  • Langkah ketiga, login ke blogger. Pilih Rancangan, klik tab edit HTML. Cari kode </body> (Tekan Ctrl+F untuk mempercepat pencarian).
  • Langkah keempat, pastekan kode tadi diatas kode </body>.Contohnya seperti gambar di bawah ini, selesai sudah pembuatan buttonnya.



Demikian cara sederhana untuk membuat button Back to Top, semoga dapat membantu dan selamat mencoba.

Catatan: untuk yang berwarna merah silahkan anda ganti dengan alamat Url gambar anda.

Artikel Terkait Lainnya



0 komentar:

Posting Komentar

PrevPage NextPage home