kulo-Tech Headline Animator

Selasa, 14 September 2010

Cara Membuat Widget Back to Top di Blog


Cara Membuat Widget Back to Top di BlogTrik 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.
langsung aja ya....


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???

  • 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

0 comments:

Posting Komentar

Related Posts with Thumbnails

Subscribe Via Email

Enter your email address:

Delivered by FeedBurner

Iklan Mobil Iklan Properti

About Me

kulo-Tech
kulo-Tech Blog menyajikan berbagai informasi terkini dan menyediakan fitur-fitur yg tersedia. Berbagai tutorial telah tersedia disini agar menambah wawasan kita. Blog pribadi kini menjadi blog community dan sebagai layanan media promo bisnis yg telah kami sediakan. Terimakasih pada teman-teman yg telah mendukung dan pihak-pihak yg telah berpartisipasi atas perkembangan kulo-Tech ini. Mohon kritik dan saran
Lihat profil lengkapku