0

Pasang button Back To Top

04:52 |
Salam semua.Hari ni kite nak buat entri tentang tajuk di atas.Walaupun baru saja dalam dunia blog..tapi tak salah kalau kite berkongsi sedikit pengetahuan sepanjang berhempas pulas menyiapkan sebuah blog.


Sebelum buat blog kite suka blogwalking dan jadi silent reader.Rangka2 beserta design blog dah dalam fikiran cuma masa tu tak berani nak jadikan kenyataan.Suka betul baca artikel daripada Sembang Mak Budak,Wajib Singgah,Tunjuk Ajarku Sifoo dll.itu sebabnya kite abadikan...chewah....dalam senarai bloglist.


Tetapi kadang2 ada di antara blog yang kite baca mempunyai banyak post dalam satu muka surat.Bayangkanlah kalau 1 artikel je dah panjang berjela.Jenuh nak panjat balik ke atas.Itulah gunanya button Back To Top.Jika korang scroll ke bawah akan nampak arrow biru tu kan?Cuba klik..so takdelah susah payah bila nak ke atas semula.Memang banyak design dan tutorial untuk buat button ni.Tapi tak salah kalau kite kongsi sekali lagi.Ilmu ini kite dapat daripada http://teknikbuatblog.blogspot.com.


Cara membuatnya:
  1. Masuk ke Design dan pilih Page Elements
  2. Klik pada Add Gadget-pilih HTM/Javascript

Masukkan kod dibawah ini:

<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://img179.imageshack.us/img179/1849/backtotop.png"/></a></div>
Tukarkan kod yang berwarna merah dengan url imej yang lain(jika  anda tak nak arrow macam kite punya).

*Kod ini hendaklah diletakkan dibahagian bawah sekali pada page element supaya tidak terlindung 
kemudian klik Save.





Ini adalah antara button Back To Top yang terdapat di http://teknikbuatblog.blogspot.com.Selamat mencuba!!!

Kredit info & foto:
http://teknikbuatblog.blogspot.com
Related Posts Plugin for WordPress, Blogger...