" Life is too short, grudges are waste of perfect happiness..Laugh when you can, apologize when you should and let go of what you can't change..Love deeply and forgive quickly..Take chances, give everything and have no regrets..Life is too short to be unhappy..You have to take the good with the bad, smile when you're sad, love what you got and always remember what you had..Always forgive but never forget learn from your mistakes..But never regret.. People change, and things go wrong..But always remember..LIFE GOES ON... "



D.I.Y : Animated Back To Top Button

Pin Pin Pon Pon ||
3rd D.I.Y entry ! Button back to top ni kegunaannya nak memudahkan kita untuk scroll ke atas secara pantas.. Tapi button yang ada kebanyakannya design tak comel kan.. Jom kita tengok cara nak masukkan gambar yang kita suka sebagai button back to top.. ^_^

1. Mula2 pilih gambar yang korang nak guna.. Ape2 je.. 
Saya pilih gambar ni..

2. Ambil url gambar yang korang nak.. Ikut la, nak upload kat photobucket ke, blog ke, ambil terus dari glitter-graphic ke.. mana2 je yang senang ye..

3. Copy URL tadi kemudian paste pada kod kat bawah:

 <a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="http://url gambar yang korang nak guna"/></a>
*Godek2 blog akhirnya berjaya masukkan html code :p

4. Lepas tu korang g kat Dashboard>Design>Page Element>Add A Gadget> HTML/Javascript
Masukkan kod yang dah siap..

Note : Kalau nak letak belah kiri, just tukar 'right' kepada 'left'.. Nak tukar title pula, tukar perkataan "Top" tu ek..

Klik save, dah siap! Hee.. Kan dah comel ^_^

7 Kuntum Bunga:

Pencari Qurratuaini said...

baik cikgu..anak murid akan apply kt blog anak murid..nak lg minta ajar dr cikgu ttg design blog cikgu ni..cnntik, kreatif.biasalah ambik prgram komputer..pakar ni..hhee

Ainismaira said...

@Pencari Qurratuaini ala2.. xde la pakar sgt.. budak2 skolah pun ramai yg pandai tau.. yg penting kena rajin blaja.. :)

Nuraidah Shahirah said...

Nape saya buat x jadi nie? :'(

Nuraidah Shahirah said...

Nape saya buat x jadi niee? :'(

Ainismaira said...

@Nuraidah Shahirah ni tuto lame, xsure leh jadi ke x utk blog interface baru.. tp rasenye same je.. nanti sy try balik ye .. sori k

Effa Riza said...

wahhhh cantik nya blog akak ;3 .. kak cam ne nak buat header yang bersambung arr?

Effa Riza said...

wahh kak cantiknya blog,, cam na nak buat header yang bersambung macam akak??

Related Posts with Thumbnails