Friday, March 18, 2011

Tutorial | Floating button

Tutorial atas permintaan ramai



Langkah 1 :

DASHBOARD > DESIGN > ADD A GADGET > HTML/JavaScript

Langkah 2 :

(Copy and paste this code)
Untuk dapatkan code floating : KLIK SINI




Code yang dicopy perlu diedit sedikit :

PERTAMA :
top:280px; left:-12px

• Letakkan jarak kedudukan button mengikut kehendak masing-masing. Sama ada right atau left.

KEDUA :
[Masukkan code button di sini]

• Masukkan code button di
[Masukkan code button di sini]


Langkah 3 :

Untuk mendapatkan button, sila search di google then save gambar tersebut.

Cara membuat code button :

(Copy and paste this code)
Untuk dapatkan code : KLIK SINI


Contoh :



Code yang dicopy perlu diedit sedikit :

PERTAMA :
http://potpetfanna.blogspot.com

• Masukkan URL website anda (Contoh : http://potpetfanna.blogspot.com)

KEDUA :
title='blogspot'

• Jika ini adalah code untuk blogspot (Contoh : title='blogspot')
• Jika ini adalah code untuk facebook (contoh : title='facebook')

KETIGA :
"http://i305.photobucket.com/albums/nn230/fanna92/5-1.png"

• Button boleh search di google dan save di file. Button yang di save perlu upload di photobucket.

Contoh :



Selepas gambar diupload, copy code direct link dan paste di tempat arahan KETIGA.

Langkah 4 :

Click SAVE.

Sebarang pertanyaan? Sila tinggalkan komen anda. Terima kasih :)

SELAMAT MENCUBA :)

20 comments:

umiezul said...

saya tak dapat buat ler button floating tu...

Fanna Roslan said...

Umiezul : Cuba ikut langkah yang i bagi betul-betul :)

Shee™ said...

sayang~ buatkan :ppp

Fanna Roslan said...

Shee : Pemalas noh? Penat gua buat tutorial. HAHA! :P

Shee™ said...

alaa~ gwa malas nak pk *jelir lidah lajulaju :ppp

Fanna Roslan said...

Shee : Janganlah jelir lidah laju-laju. Gegeli siot. HAHA! Nanti gua buatkan :P

Nad Ezrin's said...

how ek buat gadget title tu cantik sgt? buat kt mne tu? :)

Shee™ said...

sayang sayang fanna :D
YAYY!

Fanna Roslan said...

Nad Ezrin's : Sorry, title yang mana eh?

Fanna Roslan said...

Shee : Eleh si gedik Shiro :P

Ika Elmo said...

dear, i dah try buat. and dah jadi! happy! hehehe. thanks a lot. very useful :)

Fanna Roslan said...

Ika Elmo : Yeah! Yeah! Eh, i pula yang over :P
Most welcome my dear =)

Nad Ezrin's said...

such as 'cool blog' 'stalker', 'tutorial' semua tu.?

Fanna Roslan said...

Nad Ezrin's : Ouh, i buat dekat photoshop :)

sitisalianasapri said...

fenin fenin. haha

sitisalianasapri said...

dah jadi dah. haha tapi semacam pelik sikit. btw thanks. :)

insanbersamcerita.blogspot.com

Fanna Roslan said...

Sitisalianasapri : Pening? Meh, i picit :P

Fanna Roslan said...

Sitisalianasapri : Apa yang peliknya? Hee! Most welcome :)

pipi donnat said...

tak jadi pon :(

WHAT THE FANNA said...

Pipi Donnat : Tak jadi? Cuba baca arahan betul-betul.