18 Juli 2012

Cara Memasang Back to Top pada Blog



Back to top kalau diterjemahkan ke dalam bahasa Indonesia berarti Kembali ke atas. Fitur Back to top tidak hanya bisa diterapkan di Blogspot, tetapi juga di Wordpress. Sebelum Rinjani Lovers menulis lebih jauh tentang Fitur Back to Top, alangkah baiknya Rinjani Lovers memberikan gambaran secara gamblang tentang Back to Top. Coba sobat blogger melihat pojok kanan bawah Blog Rinjani Lovers ini, disitu terdapat sebuah gambar yang berkedap kedip yang bertuliskan Back to Top, Kalau misalkan sobat blogger meng-klik tombol back to top tersebut, maka sobat blogger akan dibawa ke header blog Rinjani Lovers. Untuk membuktikannya, silahkan sobat blogger membuka salah satu postingan ini. Kalu sudah di buka, mainkan rolling mouse sobat sampai sobat berada di bagian footer blog ini. Kalau sudah berada di area footer, klik tombol back to top! Apa yang terjadi? Ya…sobat blogger langsung di bawa ke bagian header.

Sebelumnya, fitur back to top tidak terpasang di blog ini. Rinjani Lovers mulai memasang fitur back to top semenjak melihat beberapa blog milik Google dan Bing ternyata memasang juga fitur ini. Jadi, hari ini tutorial blog yang akan diberikan adalah tentang “Cara Memasang Back to Top pada Blog”.

Cara membuat Back to Top:
  • Login dulu di akun blog sobat
  • Di bagian Dashbor, Klik Design
  • Klik Add a Gadget dan HTML Java Script
  • Paste kode berikut dan masukkan di HTML Java Script
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar"></a>
  • Simpan

Keterangan:
Ganti Tulisan URL Gambar dengan URL gambar yang sobat miliki.
kalau sobat blogger tidak memiliki gambar, sobat blogger bisa menggunakan gambar di bawah ini.


Photobucket

Url Gambar : http://i1179.photobucket.com/albums/x384/RinjaniLovers/Back%20to%20Top/Back2Top.gif

Photobucket

Url Gambar : http://i1179.photobucket.com/albums/x384/RinjaniLovers/Back%20to%20Top/Arrow.gif

Photobucket

Url Gambar : http://i1179.photobucket.com/albums/x384/RinjaniLovers/Back%20to%20Top/RinjaniLovers13.jpg

Photobucket

Url Gambar : http://i1179.photobucket.com/albums/x384/RinjaniLovers/Back%20to%20Top/RinjaniLovers5.jpg

Photobucket

Url Gambar : http://i1179.photobucket.com/albums/x384/RinjaniLovers/Back%20to%20Top/RinjaniLovers2.jpg

Photobucket

Url Gambar : http://i1179.photobucket.com/albums/x384/RinjaniLovers/Back%20to%20Top/RinjaniLovers4.jpg

Photobucket

Url Gambar : http://i1179.photobucket.com/albums/x384/RinjaniLovers/Back%20to%20Top/RinjaniLovers3.jpg

Photobucket

Url Gambar : http://i1179.photobucket.com/albums/x384/RinjaniLovers/Back%20to%20Top/RinjaniLovers1.jpg


EmoticonEmoticon