22 May 2011

[Tutorial] Button Back To Top

Salam....

Hari nie mira nak buat tutorial pulak sebab dah request oleh seseorang kat FORMSPRING. Sesape yang request tutorial kat Formspring..sila bagi nama ya..hehehe

Okey....bila blog ada button to top, bila tekan je, page tu akan kembali ke atas. Contoh la, korang punya blog tu ada orang baca sampai ke bawah..tapi malas nak scroll balik naik atas. Bila ada button to top nie senang sikit. Sesapa yang buat OPEN LINK IN NEW TAB, bila orang tekan button to top, akan keluar page baru kat new tab dan bukannya kembali ke atas. Ada faham??

Mari kita mulakan  tutorial nie..

1. DASHBOARD > DESIGN > ADD A GADGET > HTML/ JAVASCRIPT

2. tajuk biarkan kosong

3. Masukkan code di bawah ini

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="URL button back to top"
/></a>

Tulisan warna merah tu tukar dengan URL gambar button back to top. Mira ada buat design button back to top yang simple2 je. Sila la ambil jangan malu jangan segan..

URL button back to top:

http://i301.photobucket.com/albums/nn46/cuttysakura93/All%20about%20BLOG/DOMOTOP.png


http://i301.photobucket.com/albums/nn46/cuttysakura93/All%20about%20BLOG/topblue.png


http://i301.photobucket.com/albums/nn46/cuttysakura93/All%20about%20BLOG/top.png

4. Bila dah siap masukkan code, letak url gambar tu.. tekan la SAVE ya...

5. Sudah SIAP!! yeay!!! tepuk tangan kuat-kuat...

p/s: jangan lupa komen bila dah buat ya. Jangan malu-malu nak ambil url gambar tu..itu khas untuk anda..

Selamat Mencuba
Semoga Berjaya

Sayonara...

10 comments:

ieeda said...

amek 1 yea icon nye...:)

Hazwani Adlan said...

Saya ambil satu ! Anyway thanks for the tutorial :)

Aishah Znl said...

Saya ambik ya

Sayidah Nafisah Ruslan said...

tq! dah jadi!! hehe

Wani said...

saye amik yg domokun eyh... makasih ~~

lil'hopper said...

hmm. mana bleh dapat url gambar yg lain? thankyou very much tho:)

lil'hopper said...

hmm. mana bleh dapat url gambar yg lain? thankyou very much tho:)

Unknown said...

nak amik domokun 2...tenkiuu

Unknown said...

saya amik satu yg no 3 tuh :D

Unknown said...

yeah! belajar buat back to top! >.<

Assalamualaikum & Salam sejahtera It's been awhile since I post on my blog. Almost 2 years stop blogging Dalam masa 2 tahun ni, ...