Cara Membuat Widget Back to Top di Blog

Cara Membuat Widget Back to Top di BlogHi, guys.... I'm back with my tips & tips, after quite a while I'm being busy with some $$. Trik ini dinamakan: "Back to Top", karena fungsinya adalah membawa anda menuju bagian paling atas blog anda, dengan sekali "click".

Widget ini sangat berguna bagi kenyamanan pengunjung blog anda. Terutama jika blog anda memiliki halaman yang panjang, sehingga anda tidak perlu men-scroll mouse anda untuk kembali ke bagian atas blog anda yang biasanya isinya adalah page navigation yang akan membawa pengunjung untuk menuju ke tautan blog anda.
Ok, session basa-basi nya sampai disini saja!

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 ahir.
  • 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 yang 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
That's it. It's simple, isn't it???

  • Ada bonus bagi anda 100 pembaca pertama! Anda mendapatkan 5 pilihan tombol gratis dari saya:
  • Anda hanya ganti URL yang berwarna merah tadi dengan URL tombol berikut:

  • 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

10 comments:

Arcane Apeture said...

makasih ya tutor nya..

"om_rame" said...

perLu dicoba nih.
-------------
kunjungan perdana, salam kenaL

motorcycle specs said...

langsung praktek... thx infonya

sumber bisnis dollar said...

langsung ke TKP gan.

WIRA ADHI BHAKTI said...

thanks za sob tas tutorialnya...... kerjanya bagus banget......
kunjungi juga situs q......
blognya wira adhi bhakti

METRO SURABAYA said...

thanks sob.... infonya sangat bermanfaat sekali

Parkah said...

makasih buat trik nya. simple, ga berbelit-belit dan yang pasti sangat berguna.

Fery Dwi B. said...

Thanks banget tutorialnya..
Bermanfaat bnget nih..

Ejan said...

thanks ^_^

Blog Untuk Semua (BUS) said...

Thanks sob...
it's wrok's...
^_^