Selasa, 10 Juni 2014

Back To Top Button

http://diahandani.blogspot.com/p/diary.html
 
 
Blogger biasanya menggunakan button "back to top" untuk memudahkan pelawat jumppengunjung melompat pada blog yang biasanya mempunyai entry yang panjang ditambah pula dengan komen yang banyak.
Berikut adalah tutorial untuk meletakkan button "Back To Top" dalam blog.
Pertama
Sign in akaun blogger
Kedua
Dashboard > Design > Add A Gadget > Html / Javascript 

Ketiga
Copy paste kod di bawah pada ruang Html / Javascript tadi
 <a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar button"></a>
Note: pada url gambar button dalam kode di atas, gantikan dengan url button pilihan teman. Di bawah ada disediakan pelbagai jenis button "back to top" untuk teman pilih. Just copy url dan letakkan pada url gambar button.
Contoh:
<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="http://img205.imageshack.us/img205/7824/74211510.gif"></a>
Url button selain disini, kalian bisa cari di google atau di glitter

http://diahandani.blogspot.com/
 http://img205.imageshack.us/img205/7824/74211510.gif


http://diahandani.blogspot.com/ 
http://img196.imageshack.us/img196/6670/49238758.png



http://diahandani.blogspot.com/ 
 http://img266.imageshack.us/img266/3325/81258407.png



http://diahandani.blogspot.com/ 
http://img13.imageshack.us/img13/5533/20610818.png



http://diahandani.blogspot.com/ 
http://img543.imageshack.us/img543/5941/62667078.png



http://diahandani.blogspot.com/ 
 http://img267.imageshack.us/img267/7242/36935517.png



http://diahandani.blogspot.com/ 
http://img857.imageshack.us/img857/4428/12543870.png



http://diahandani.blogspot.com/ 
http://img17.imageshack.us/img17/3190/51122514.png



http://diahandani.blogspot.com/ 
http://img31.imageshack.us/img31/9105/57461251.png



http://diahandani.blogspot.com/ 
http://img811.imageshack.us/img811/5130/38543106.png



http://diahandani.blogspot.com/ 
http://img26.imageshack.us/img26/2135/83340054.png



http://diahandani.blogspot.com/ 
http://img859.imageshack.us/img859/7859/17455371.png



http://diahandani.blogspot.com/ 
http://img842.imageshack.us/img842/6354/35069921.png



http://diahandani.blogspot.com/ 
http://img853.imageshack.us/img853/6601/14069169.png



http://diahandani.blogspot.com/ 
https://6412544969642075171-a-1802744773732722657-s-sites.googlegroups.com/site/jombinabelogsebelahtajukpost/12.gif
udaah selesai? klik save lalu lihat hasilnya
selamat mencoba syalalaa

Tidak ada komentar: