Thursday, December 22, 2011

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

Dapatkan Artikel terbaru Rinjani Lovers secara gratis! Untuk itu, masukkan Email anda pada kolom di bawah ini. Setiap artikel yang kami publikasikan, akan langsung kami kirim ke Email anda

Delivered by FeedBurner

Baca Artikel menarik lainnya di bawah ini...



3 comments:

  1. wah mantabs tuh gan, sangat menarik dan sangat keren gan, ijin gan untuk langsung ke tkp. terimaksih untuk tips dan trik sekaligus pengetahuan

    ReplyDelete

home

Copyright © 2012 Tutorial Blogspot | Design by X-Template