2010/05/06

Jom buat Ajax Shoutbox + Custom background!

Ajax Shoutbox!

Hai semua,ok dalam post ni aku nak show satu tutorial untuk "Ajax Popup Shoutbox".
Tutorial ney aku buat secara ringkas je,sebab kang kalau panjang2 tak paham pulak . . .


Click Image kat bawah ney untuk lihat contoh yang dah siap :





Step 1 - Masuk akaun blogger.

Step 2 - Klik gambar kat bawah untuk code.Copy code tu dalam notepad,pastu edit la cket,hee





Ok,sekarang ni korang kena edit semula code yang kat atas ni,cara nak edit follow step ni lak:


1. Tukar highlight link kat bawah ni dengan url background yang korang nak guna,Dekat bawah ade aku post sekali just tinggal download je.

imagebackground
____________________


2. Tukar highlight link dengan url gambar yang korang nak guna untuk shoutbox tab

shoutbox tab
____________________


3. Tukar code kat bawah ney dengan code shout box korang, n then resize ke width='261' height='380',sebab background yang ade kat bawah post ney cuma sesuai dengan size tadi,hee hee

edit size
____________________


4. Yang ney pulak optional,nak buat boleh kalau tak nak pon takpe,korang boleh delete 3 line code ney,kalau korang biar = shoutbox korang nanti de link ke entri ni,so boleh la member2 yang lain letak Ajax Popup Shoutbox ni kat site or blog diorang.

link tutorial
____________________


Step 3 - Pilih 'Layout'--> 'Add a Gadget'--> 'Html / Javascript'.

Step 4 - Paste Code yang korang dah edit tadi kat 'Html / Javascript'.

Step 5 - Save.

Step 6 - Selamat mencuba!


____________________


Shoutbox Background!

Example je:



Ni aku show satu je,semua sekali ade 11

Download all background image [HERE].

Background ni cuma sesuai untuk shoutbox bersaiz width='261' height='380' je.

blog comments powered by Disqus
Related Posts with Thumbnails

Drop Ur Link Here!

Drop Ur Link Here!