Sunday 5 February 2012

Tutorial: Button Back To Top

In the name of Allah
the most Gracious
and the most Merciful~

Jom belajar buat button back to top :)
apa itu button back to top?
lihat gambar di bawah ini~


tutorial kali ini mudah saja~
jangan pening2.

step1:
klik to design.
step nie pown nak ajar?
tidak mengapa.
awak tahu, tetapi masih ada yg tak tahu.
belajar jgn sombong2 :)

step 2:
klik add a gadget.
tak kisah lah klik bahagian mana2 :)

step 3:
roll ke bawah.
dan cari HTML/JavaScript
seperti gambar di atas.
klik!

step 4:
masukkan link seperti di bawah~

<div style="position: fixed; bottom: 0px; right50px;"><a href='javascript:scroll(0,0)'><img src="link gambar /></a><br />
</div>

right @ left~
boleh ditentukan oleh anda nak letak bahagian mana

50 px tue adalah jarak button tue.
siapa yg pandai adjust,
boleh adjust~
siapa yg malas banyak fikir~
tak perlu adjust :)

link gambar pula~
adalah link gambar pilihan anda :)
bagaimana nak dapatkan link gambar yg anda minat~
jom terjah facebook jap!


untuk tutorial kali ini~
saya pilih facebook best friend sekolah rendah saya.
nampak default pitcha dia :)
saya nak gambar ini!

so saya hanya perlu right klik~
dan cari copy image URL~
klik!
done :)

step5:
setelah selesai paste image URL yg telah dicopy
di bahagian link gambar~
anda perlu klik save!

step 6:
anda boleh klik view blog :)

well done!
good job :)

gambar2 yg sesuai
anda boleh dapatkan di mana2 sahaja kan?
tapi saya memilih button robot di
banyak membantu saya :)

nota tambahan
sebenarnya,
di key board anda sudah ada button utk back to top~
cuba cari button home dan klik!
tengok apa hasilnya :)
boleh juga cuba button
pg up.
pg dn.
end.
selamat mencuba~

notakaki:
belajar biar bertatih.
asalkan tidak menjadi bodoh sombong :)

jika kita memudahkan urusan orang lain,
Allah akan mempermudahkan urusan kita :)

syukran~

.:: I am a simple human strive for success and also strive for ISLAM ::.

No comments: