Cara Membuat Widget Back to Top di Blog

Oke kali ini saya sedikit berbagi tutorial membuat Cara Membuat Widget Back to Top di Blog. Karna banyak yang tanya sama saya pakai script apa? kali ini saya beberkan caranya haha

kalau kamu mau copy paste tutorial ini
konversi javascriptnya disini

jangan lupa ya tulis sumbernya

kita mulai dengan
  • Login ke Blogger
  • Layout>HTML/Javascript
  • Lanjutkan dengan mencari code ini: </b:section>
  • Pastikan code tersebut adalah code yang terletak di paling ahir atau paling bawah. Karna dalam pencarian, anda akan menemukan beberapa code yang sama. Sekali lagi pastikan code tersebut adalah yang paling akhir.
  • Letakan code dibawah ini, tepat di bawah code: </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>

Keterangan:
  • URL berwarna merah adalah URL tombol "Back to Top" yaitu seperti ini:
  • Anda bisa mengganti gambar tersebut sesuai yang anda suka, kemudian ganti URL yang berwarna merah dengan URL gambar anda
gampang bukan?
  • Anda hanya ganti URL yang berwarna merah tadi dengan URL tombol berikut:
  • Ada beberapa lagi gambarnya untuk kamu ganti, silakan dipilih

  • 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









http://keripiku.blogspot.com/2010/11/cara-membuat-widget-back-to-top-di-blog.html

Tidak ada komentar:

Posting Komentar