Tutorial Cute Icon (Shoutbox)

بسم الله الرحمن الرحيم

Cute icon di shoutbox paling banyak permintaan yang saya dapat daripada rakan2 bloggers. Maaf lah kalau dulu saya x sempat nak buat tutorial ni.. ok, sekarang saya akan tunjukkan cara-cara nak buat icon comel kat shotbox. Kalau ada yang masih x tau apa dia icon comel 2..tengok gambar di bawah ni..

Gambar yang saya bulatkan 2 la icon comel 2...kalau shoutbox biasa x adakan icon ni...jadi, kita kena tambah n edit sendiri ye. Mungkin ada yang dah tau...dan mungkin juga ada yang x tau lagi kan. Sekarang saya nak kongsi ilmu macam mana nak buat ic0n yang c0mel2 ni eh...

Jom kita mulakan

1. Log in dulu akaun shoutmix masing-masing

2. Klik settings

3. Klik smileys

Ok..kawan-kawan akan nampak gambar macam ni.

4. Pada smiley image url tu..kawan2 letak url gambar yang kawan2 nak letak.

5. Pada "code" dan "optional" kawan-kawan letak la perkataan atau simbol bagi gambar yang kawan2 pilih tadi ye. Tengok contoh yang saya punya kat dalam gambar 2.

Kalau kawan-kawan nak ic0n yang comel-comel..boleh pilih di Cute Emoticon atau Glitter Graphics. Ambil direct link ye...dan masukkan pada ruangan smiley image url.

6. Kawan-kawan klik "select" dan klik "add" untuk tambah ruangan.

7. Kalau kawan-kawan masih lagi nak gunakan smileys yang asal..kawan-kawan klik ruangan tepi 2. Kalau x nak, x perlu klik ye..

8. Selepas siap...kawan2 klik "save settings".

9. Ambil kod yang baru dan isikan pada HTML/Javascript..

10. Save.

Ok...selesai sudah

Apa2 pon...preview dulu ye bila edit blog. Sebab nak lihat jadi atau x.Yang ini untuk shoutbox ye...yang untuk chatbox, akan datang...tunggu.

Semoga berjaya

والسلام

---

Syukran kerana sudi membaca..boleh Like dan Share entri ini

---

Tutorial Back To Top

بسم الله الرحمن الرحيم

Selamat petang semua...memandangkan sekarang ni saya dah masuk semester baru dan bakal akan "bz" serta tiada masa yang banyak untuk meng"update" blog. Oleh itu, saya akan wat entri tentang tutorial yang diminta oleh rakan2 bloggers. Rasanya agak mudah cket untuk update blog bila buat entri tentang tutorial. Lagipun kan elok berkongsi ilmu sesama bloggers yang lain kan...

Entri sebelum ni saya buat tentang tutorial cursor, tukar cursor yang comel-comel kat blog dengan tujuan untuk mencantikkan lagi blog kawan-kawan. Kali ni tutorial back to top..kalau kawan2 nak tau yang mana satu..cuba tengok image macam ni kat bawah blog saya sebelah kanan. Kalau kawan-kawan klik...page ni akan ke atas semula.

Tutorial ni diminta oleh cik Emilia Farahin di fan page saya.

Okay...jom kita mulakan.

-Kod yang dibawah ni kawan-kawan copy n letak di HTML/Javascript

Design-> Add a Gadget->HTML/Javascript

ctrl+c untuk copy

<a title="Back to Top" href="#" style="position: fixed; bottom: 5px; right: 5px;"><img src="Url gambar" /></a>

- Pada kod 2...ada tulis Url gambar..kawan-kawan tukar kan kod tersebut dengan Url gambar yang kawan-kawan nak letak. Letak url tersebut di tempat "Url gambar".

-Kat bawah ni ada sample untuk back to top.

http://img294.imageshack.us/img294/9831/14193731.gif

http://img529.imageshack.us/img529/1986/96133335.png

http://img175.imageshack.us/img175/7297/up3.png

Ok...kalau kawan-kawan nak letak arrow ni di sebelah kiri...tukar "right" kepada " left". Kalau nak sebelah kanan..biarkan je "right".

Kemudian...kalau kawan-kawan nak buat arrow sendiri atau letak gambar sendiri pon boleh. Lepas dah siap buat gambar...kawan-kawan boleh upload di imageshack.us untuk dapatkan url gambar. Kena ambil Direct Link ye...kalau nak letak emoticon pon boleh juga. Terpulang la..tapi Url 2 letak pada ruangan yang betul, macam yang saya dah tunjukkan kat atas tadi.

Selamat mencuba

والسلام

---

Syukran kerana sudi membaca..boleh Like dan Share entri ini

---