Today L.O.V.E ★ Tiada Insan Suci Tanpa Dosa Pada Masa Lalu, Tiada Insan Berdosa Yang Gelap Masa Depannya..- SETIA HUJUNG NYAWA-.

Monday, 23 April 2012

#Tutorial ; Back to Top Button a.k.a Fly Up Button

Assalamualaikum ..
Moshi-moshi (^.^)v

Hello fellas , how r u ?hehe .. Malam nie tiba-tiba pulak tergedik nak update pasal tutorial nie .. saja nak cuba nasib and tolong orang yang memerlukan,huhu .. Ini percubaan pertama aku nak buat tutorial ,so kalau macam ada tak paham tu janganlah segan silu tanya, atapun yang pro pasal tuto2 nie bagilah tunjuk ajar, Sharing is Caring right? hee ..

Wokey !! Korang pernah tak nampak button yang kalau kita klik sekejap je kita boleh pergi dekat paling atas blog? sebagai contoh ada kat blog aku tu .. 

Mula2, masuklah acc blog korang macam biasa . Kepada blogger yang menggunakan new updated blogger interface, korang klik Layout --> Add a Gadget --> HTML/JavaScript . Yang masih guna old blogger interface macam aku pulak korang klik Design --> Page Elements --> Add a Gadget --> HTML/JavaScript  ..
copy code di bawah ;
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="buttonUrlAnda" /></a>
warna Merah : size button ikut suka kamu
warna Ungu : url gambar button kamu

Nak Contoh button tak? Nie simple je , kalau korang terer buat button sendiri lagi best ..


http://2.bp.blogspot.com/_JwD5r652h00/SvDBmIGbP3I/AAAAAAAAASI/cL5okLpz_C8/s400/20.png  

http://3.bp.blogspot.com/_JwD5r652h00/SvDBl0UhsvI/AAAAAAAAASA/ge0GmH0HkyE/s400/bttp-19.png 
http://1.bp.blogspot.com/_JwD5r652h00/SvDBl9PLQ7I/AAAAAAAAAR4/5fV05DNfZ9o/s400/bttp-17.png 

http://3.bp.blogspot.com/_JwD5r652h00/SvDBW6QlhXI/AAAAAAAAARY/6ZxECjTlMxM/s400/bttp-13.png

http://4.bp.blogspot.com/_JwD5r652h00/SvDBBZGgr-I/AAAAAAAAAQg/1X96vgeWqaw/s400/bttp-6.png0/bttp-7.png 
http://4.bp.blogspot.com/_JwD5r652h00/SvDBWWig4UI/AAAAAAAAARI/28cXbIDOaqk/s400/bttp-11.png 
http://4.bp.blogspot.com/_JwD5r652h00/SvDBWmm_WTI/AAAAAAAAARQ/xfyALfcAbZ4/s400/bttp-12.png 
lepas dah siap semua tu jangan lupa save ya? Finish ! fuh !!  ..
maaflah korang, tuto aku tak sevouge tuto Lysaa or yang sewaktu dengannya , biasalah baru pertama kali update pasal tutorial nie ..



p/s : kalau ada apa2 tanya ya? hehe .. Semua nia aku belajar dari Love belog ^^




♥ Terima kasih kerana sudi membaca. Semoga mendapat info yang berguna. SHARING IS CARING kan?? *maaf penggunaan kata AKU* ♥

1 comment:

  1. macam mane nak masukkan maouse dalm blogger lepas dh download ?

    ReplyDelete