Seberapa panjang tulisan/artikel di blog kamu? Jika tulisan kita panjang tentu saat membaca kita akan melakukan scroll ke bawah sampe selesai, nah ketika sampai batas bawah tulisan dan ingin kembali ke atas tentunya kita harus scroll balik ke atas. Semakin panjang tulisan, semakin lama juga untuk kembali ke awal (atas).
Untuk membantu mempermudah langkah kita untuk kembali ke awal tulisan (bagian atas blog), berikut ada trik sederhana, yaitu dengan membuat shortcut Back to Top (Kembali ke atas). Dengan adanya shortcut ini tentunya kita tidak perlu lagi melakukan scroll balik ke atas, tapi cukup dengan mengklik shortcut Back to Top maka kita akan langsung dibawa kembali ke atas. Buat temen-temen yang belum tau cara membuat shortcut ini, berikut saya informasikan langkah-langkah pembuatan shortcut Back to Top untuk melengkapi tulisan tentang trik Blogspot lainnya seperti Read More, Related Articles dengan thumbnail, Marquee, dan trik lainnya.
Ada dua cara yang bisa ditempuh untuk membuat shortcut ini, cara pertama dengan memasang script pada menu Edit Html dan cara kedua memasang script di Gadget (Widget).
Cara pertama, kita masuk ke menu Layout kemudian Edit Html, tandai Expand Widget Template.
Masukkan script di bawah ini di salah satu bagian script tersebut (bebas peletakkannya bisa dibawah < head >, sebelum < /head >, dibawah < body >, atau sebelum < /body >. Dalam contoh ini saya meletakkan script di bawah < body >.
1.&amp;lt;a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'&amp;gt;&amp;lt;img src='http://img195.imageshack.us/img195/4669/backtotop.gif'/&amp;gt;&amp;lt;/a&amp;gt;
Setelah itu simpan template tersebut.
Cara kedua, cara kedua ini relatif lebih mudah dibandingkan cara pertama, yaitu kita masuk ke sub tab menu Page Element (dalam tab menu Layout), tambahkan Gadget baru (bebas gadget bagian mana saja), pilih Gadget HTML/Javascript. Masukkan script yang sama dengan script cara pertama di atas dan simpan.
Setelah itu coba kembali ke halaman blogspot dan refresh, jika berhasil maka akan muncul ikon kecil di pojok kanan bawah. Coba scroll sampai bagian bawah tulisan, dan klik ikon tersebut, otomatis kita akan kembali ke atas.
Script yang kita gunakan di atas (contoh blog dapat dilihat di Finance Articles & Software) menggunakan ikon gambar sebagai shortcut-nya, ikon tersebut bisa kita ganti sesuai keinginan kita dengan mengganti alamat img src-nya dengan url tempat image yang akan kita pakai. Selain itu bisa juga kita ganti image tersebut dengan tulisan, seperti script di bawah ini.
1.&amp;lt;a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'&amp;gt;&amp;lt;strong&amp;gt;Kembali ke Atas&amp;lt;/strong&amp;gt;&amp;lt;/a&amp;gt;Dalam script di atas shortcut diganti dengan tulisan Kembali ke Atas, jika ingin tulisan lain tinggal ganti saja tulisan tersebut sesuai keinginan.
Itu tadi informasi singkat tentang pembuatan shortcut Back to Top pada Blogspot, selamat mencoba dan semoga bermanfaat.
Tidak ada komentar:
Posting Komentar