Utama Tutorial Web Chatbox korang stylo ke?

Chatbox korang stylo ke?

DataKL Hosting

Selamat pagi kalian. Hari ini Pisyek nak berkongsi satu lagi trick atau tutorial yang agak hebat untuk tatapan anda semua. Hehehe... Dalam blog korang mesti la ade chatbox kan? Korang rase chatbox korang tu dah cukup stylo-mylo ke? Kalo rase tak sila teruskan pembacaan tutorial ini. =)

Chatbox Pisyek

Dalam aku ber-blogwalking pada pagi ini, aku jumpa beberapa blog yang menunjukkan cara-cara untuk membuatkan chatbox korang menjadi lebih stylo-mylo.

Kalau korang nak chatbox korang boleh sorok-sorok macam kat blog Pisyek ni, korang boleh usha blog Anarm. Kalau korang nak chatbox korang ada backgound gambar yang menarik, korang boleh usha blog mohdisa. Dan kalau korang rasa nak meng-AJAX-kan chatbox korang, boleh usha blog kertaz.

Apa yang hendak Pisyek kongsikan di sini adalah bagaimana nak sorokkan chatbox dalam blog yang menggunakan Joomla! 1.5 - based ni.

1. Mula-mula, korang install dulu module SpecialHTML. Boleh di download di JED atau di laman www.camp26.biz

2. Masuk ke bahagian back-end, pergi ke bahagian module manager. Buat satu module SpecialHTML yang baru.

Module manager

Rajah 1

3. Salin kod di sini dan tampal ke dalam module SpecialHTML. Edit kod di bahagian yang dinyatakan. Baris ke-4 menunjukkan kedudukan chatbox anda. Semakin besar nilai, semakin ke bawah chatbox anda. Sila tukar juga ayat "MASUKKAN CODE SHOUTBOX KORANG KAT SINI" kepada kod chatbox korang.

Salin dan tampal kod

Rajah 2

4. Pilih footer sebagai kedudukan module tersebut. Enable dan save module.

Enable dan save module

Rajah 3

5. Tada!!! Dah siap... Hehehe...

Kat sini Pisyek ada buatkan gambar tab yang berwarna-warni. Amik-amik. Boleh pilih. Ekeke~ Tapi anda kena pandai-pandai la nak host dekat mana gambar-gambar ni. Dan jangan lupa untuk menukar link gambar dalam kod di atas. Jangan lupa untuk meng-clear-kan cache setiap kali selepas perubahan dibuat.

- Tab biru - Tab hijau - Tab kuning - Tab merah - Tab navy -

Pisyek: Tuan gambar, mintak maap la, tergune gambar anda. hahaha...


Hits: 1542

Artikel berkaitan:

Komen (53)Add Comment
kenwooi dari http://kenwooi.com menulis:
going thru html can be tricky.. but this cool =)
1

February 16, 2010
beliamuda dari http://beliamuda.com menulis:
awek mana yg ko gi cilok lak tu?

chatbox tersembunyi dapat mengurangkan proses spamming jugak kan. aku rasa cam berat je load chatbox kat blog aku tu. rasa cam nak buang je. tapi tgk kemeriahan kat situ, sayang lak. huhu~
2

February 16, 2010
p.I.S.y.E.k menulis:
@beliamuda: haha... aku pun tatau awek mane.

Tetibe je ade dalam lappy aku, aku pakai je la... hehe... smilies/grin.gif
3

February 16, 2010
aman dari http://amanz.my menulis:
nie yg watkan nak pasang balik chatbox nie. ehe~
4

February 16, 2010
p.I.S.y.E.k menulis:
@aman: pasang jangan tak pasang... haha...

lebih mudah untuk meninggalkan jejak... hehe.. smilies/wink.gif
5

February 16, 2010
mohdisa dari http://blog.mohdisa.com/ menulis:
cool...hehe...thanks for linkbacks...hehe
6

February 16, 2010
p.I.S.y.E.k menulis:
@mohdisa: xde hal lah... hehe.. smilies/wink.gif
7

February 17, 2010
jaws dari http://jaws.my menulis:
tutorial ni sedara http://anarm.net dah buat..
ko lambat skit jer dari dia..
8

February 17, 2010
p.I.S.y.E.k menulis:
@jaws: aku khas tuk pengguna Joomla!.. hehe... smilies/grin.gif
9

February 17, 2010
Anarm dari http://anarm.net/blog/ menulis:
ko power Joomla eh?
10

February 17, 2010
p.I.S.y.E.k menulis:
@Anarm: insya-Allah buleh la sikit2... smilies/wink.gif
11

February 17, 2010
imran dari http://www.imranshamsir.com menulis:
Salam, ni guna joomla ke WP? Semalam dah try guna code dari kertaz tapi ada lari sikit setting theme....
12

February 17, 2010
p.I.S.y.E.k menulis:
@imran: cara yg d tunjukkan kat sini adalah untuk pengguna Joomla.

Tapi kod-kod sume tu same je... Aku amik dari blog Anarm. smilies/grin.gif
13

February 17, 2010
mr.eims @ perfume dari http://eimsnetwork.com/perfumediscount menulis:
cool2.. leh nyorok2 plak.. smilies/tongue.gif

tapi aku try post shout kat situ tiba2 hang pulak.. =|
14

February 17, 2010
p.I.S.y.E.k menulis:
@eims: haha... yeke..? smilies/grin.gif
15

February 17, 2010
mohdisa dari http://blog.mohdisa.com/ menulis:
salam bro, boleh setupkan satu template tuk joomla tak? aku nak belajar. hurm
16

February 18, 2010
p.I.S.y.E.k menulis:
@mohdisa: nk buat template/theme Joomla! 1.5 dari scratch, aku mmg tak pandai lagi smilies/tongue.gif , tapi kalo ko nk blaja godek2 Joomla!, try donlod ebook aku tu...

try buat localhost dulu. Ala, sng gile je sebenarnye... smilies/grin.gif
17

February 18, 2010
nuriz dari http://nurizspace.blogspot.com menulis:
chatbox sy.emm sy tak kisah kot janji org boleh tulis dgn mudah nampak huruf. sebb ada gak org wat chatbox warna warni sampai tak nampak pe ditulis warna bckground sama dgn font.
18

February 18, 2010
p.I.S.y.E.k menulis:
@nuriz: betul3... yg tu mmg menyusahkan... hehe... smilies/grin.gif
19

February 18, 2010
haha
chatbox aku biasa jer
malas nak ubah
eh,thanks visit my blog...rajin2 lah singgah yer selalu smilies/grin.gif
20

February 18, 2010
p.I.S.y.E.k menulis:
@hans: anda pun rajin2 la jenguk sini... hehe... smilies/cheesy.gif
21

February 18, 2010
abby menulis:
Blh tanya ckit...
Selain software phpMyAdmin tu...
Apa lg software yg kita kn guna untuk nak buat interfacenya?
Atau kita blh buat interface kat situ ja...tp mcmmn ya?
22

February 19, 2010
Liyana dari http://www.liyanaa.com/ menulis:
abang pisyek, saya guna image abang. smilies/cry.gif
23

February 19, 2010
abang pisyek, mieya guna image shoutbox abang yg pink ni eh. Hope abang tak marah smilies/cry.gif
24

February 19, 2010
p.I.S.y.E.k menulis:
@Liyana: amik la.. x marah pun.. smilies/wink.gif

@mieya: amik la.. x marah pun.. smilies/wink.gif
25

February 19, 2010
zik dari http://zikrihusaini.com menulis:
Cayalah..cool. beb!! smilies/cheesy.gif
26

February 20, 2010
Addeena Dzakwan dari http://addydeena.blogspot.com menulis:
hey abg pisyeksmilies/smiley.gif cool gile chatbox ni, thanxsmilies/smiley.gif
27

February 21, 2010
eryfarieha dari http://lapinkyery.blogspot.com/ menulis:
ramai kan da wat cmni? nak gk wat tp mls nak tgk html tu. bole peningg woo. heeeee
28

February 21, 2010
p.I.S.y.E.k menulis:
@eryfarieha: haha.. tgk slalu x pening la lame2... smilies/wink.gif
29

February 21, 2010
ariff dari http://ariffshah.com menulis:
blog ko ni joomla atau WP eh?
30

February 21, 2010
p.I.S.y.E.k menulis:
@ariff: Joomla da... katakan NAK pada Joomla! Yeay!!! smilies/cheesy.gif
31

February 21, 2010
eyriqazz dari http://eyriqazz.blogspot.com menulis:
mana chatbox pisyek ye?oh ,tersorok blah kanan rupanmya
32

February 22, 2010
zulaikha dari http://zulaikhamohdnor.blogspot.com menulis:
shoutbox sy dah stylo milo.. tp x reti nak tukar kaler.. nak kaler merah.. hukhuk..

33

February 26, 2010
p.I.S.y.E.k menulis:
@zulaikha: nak kaler merah, tukar kod kaler merah la... hehe... smilies/grin.gif

tp, pisyek pun x igt dia punya kod... ekeke~
34

February 26, 2010
zulaikha dari http://zulaikhamohdnor.blogspot.com menulis:
@pisyek, zu dah dapat tukar dah.. anyway.. thanks ye... smilies/smiley.gif
35

February 26, 2010
aizuddin dari http://aizuddin.com/ menulis:
semua dah pki style ni..kena tukar gak la camni..hehe
36

February 28, 2010
wazy dari http://www.wazy84.com menulis:
Huuu dah wat shoutbox tersembunyi ni,best gak smilies/cheesy.gif
37

March 07, 2010
huhuhu pesal ta dpt tuka kaler??
38

March 10, 2010
p.I.S.y.E.k dari http://www.pisyek.com menulis:
@zida: nk tukar kaler tab ke? anda perlu menukar link tab tu sendiri, baru la nmpak lain... smilies/wink.gif
39

March 10, 2010
TycoBlogger dari http://akutypo.byethost17.com menulis:
pakai joomla susah ke senang ae? coding php gak ae? maaf bertanya.. smilies/sad.gif
40

March 24, 2010
p.I.S.y.E.k dari http://www.pisyek.com menulis:
@Tyco: senang je... lebih kurang macam WP la... smilies/wink.gif

user-friendly.... smilies/cool.gif
41

March 24, 2010
hydir dari http://number10.my menulis:
ooo...sy guna anarm punya .. kasi sorok2 sikit.. smilies/smiley.gif
42

March 25, 2010
codes13 dari http://www.codes13.blogspot.com menulis:
camne nak edit size bile die kuar....?
nak tukar kat coding mane?
harap dapat reply di blog
43

May 12, 2010
p.I.S.y.E.k dari http://www.pisyek.com menulis:
@codes: cari width dan height dlm kod tag shoutmix tu, pastu ubah la dekat situ... smilies/wink.gif
44

May 12, 2010
ishye menulis:
wei gambar tu dah dapat lesen dah ke ???
kene saman ngan tuan die susah ko.....smilies/tongue.gif
45

May 23, 2010
p.I.S.y.E.k dari http://www.pisyek.com menulis:
@ishye: tuan dia senyap je, ok kot... hahaha... smilies/grin.gif
46

May 23, 2010
DiNieezyANe dari http://dinieezyane.blogspot.com/ menulis:
Thanks!
Terbaek lahh!
haha smilies/grin.gif
47

May 25, 2010
sam dari http://mindacatur.com/blog/ menulis:
Salam Pisyek...

nice web here..I learnt a lot of things here...possibly, any call # to ask few geeky questions? thx a lot..keep up gud work bro!
48

June 04, 2010
Thanks utk tutorial ni.Kredit utk U smilies/smiley.gif
49

June 16, 2010
p.I.S.y.E.k dari http://www.pisyek.com menulis:
@Eqin: oh, trimas~ smilies/wink.gif terharu2... smilies/grin.gif
50

June 16, 2010
intanurulfateha dari http://intanurulfateha.com menulis:
nk yang kaler pinkkkkkkkk mcm u punye tuuuu
plssssss
51

June 25, 2010
p.I.S.y.E.k dari http://www.pisyek.com menulis:
@intan: amik la... x marah pun... smilies/wink.gif
52

June 25, 2010
A-Y-I-E dari http://blog-ayie.com menulis:
baru aku tahu ko guna apa skg ni.. rupa2 nya ko guna joomla... smilies/cheesy.gif

patutlah aku tgok source ko.. sikit jer... huhuuhuh... nice
53

August 20, 2010
Apa kata anda?
 
  kecilkan | besarkan
 

busy
Terakhir dikemaskini ( Selasa, 16 Februari 2010 13:26 )  

1st, Subscribe dulu!!!


Feed

Masukkan emel anda:

Komen Terbaru

Hidup seorang blogger - Top 3
huhu Thanks bro atas rankung kat atas t...
TV Series - IRIS
citer ni memang terbaik la. tapi ending ...
Hidup seorang blogger - Top 3
@azuan: nice sharing~ wink
Hidup seorang blogger - Top 3
Oh.. kalau iwebtool tu mmg kurang tepat....
Hidup seorang blogger - Top 3
@azuan: pisyek gune iwebtool punye servi...

Iklan

Spread Firefox Affiliate Button BlogMalaysia.com

Nuffnang