Artikel Yang Paling Populer

Friday, October 09, 2009

Cara Membuat Top of Page Icon

| Friday, October 09, 2009 | 11 comments

Anda mungkin sering mendapat suatu halaman blog yang panjang sehingga untuk melihat keseluruhan halaman harus menggunakan down scroll pada mouse.Kalau sudah pada akhir halaman biasanya agak malas juga harus menggunanan up scroll pada mouse untuk kembali lagi pada awal halaman.
Kalau blog anda model kayak begini yang mempunyai halaman yang panjang, sebaiknya anda menggunakan suatu tombol yang biasa disebut Top of Page Button.Kali ini top of page button modelnya berupa floating button.Untuk membuat adalah sebagai berikut:

1.Login pada Blogger.
2.Klik Layout pada Dashboard anda.
3.Klik Add a Gadget.
4.Klik HTML / Javascript.
5.Masukkan kode berikut ini.
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://img119.imageshack.us/img119/8589/arrowupcx2.gif" /></a>
6.Selanjutnya Save
Anda bisa mengganti gambar lain sesuai dengan keinginan anda.Bila ingin mengganti gambar, ganti alamat image pada kode diatas yaitu:

http://img119.imageshack.us/img119/8589/arrowupcx2.gif
Contohnya, anda bisa lihat gambar tanda panah pada sudut kanan bawah dari marchsya blog ini
Tutorial blog-blog islam-cara membuat

11 comments:

TRIMATRA said...

blog saya juga ada tombol go to top-nya mas,,,, lebih gampang buat naik-naik.. , hehe

Zippy said...

Wah..makasaih ni mas...
Hmmm, boleh juga dicoba :)

Franky said...

@trimatra, memang tombol tersebut lebih memudahkan buat naiknya.
@zippy, silakan dicoba kawan

corel draw said...

Bagus...perlu dicoba

software download full said...

thanks

Software Download Full Serial Crack

Tefan Day said...

thanks tombolnya berhasil dengan sempurna..perfetto

soumboy said...

akhitnya bisa membuat..
:)


thx sob..

BlogJuragan said...

trimakasihhhhhh, mantap dah..

http://www.weakcomputer.co.cc

Chelonia said...

Ma kasih nie mas..

Alfajar Kapuas said...

Thanks.. sangat bermanfaat,, follow balik dong

Alfajar Kapuas said...

berhasil mas, tapi cara ngilangin judul gadgetnya gimana ya,, biar ga ada judulnya jg tetep muncul..
gimana ya..

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Followers

 
© Copyright 2010. yourblogname.com . All rights reserved | yourblogname.com is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com