Tutorial Cara Nak Buat Facebook Shoutbox Di Blog

by aizuddin on November 1, 2010

tutorial cara nak buat facebook shoutbox di blog-aizuddindotcom

Sekarang dah jadi trend untuk orang tukar shoutbox yang asalnya terdiri dari shoutmix dan chatbox kepada facebook shoutbox. Mungkin ia nampak lebih menarik dan unik. Yelah spam shoutbox pun boleh terus muncul kat wall profile. Siapa yang tak rasa teruja. Banyak kali jugak aku buat eksperimen ni. Sampai lah berjaya. Bila dah berjaya memang akan puas hati dengan hasil yang kita dapat.

Langkah untuk buat facebook shoutbox di blog terbahagi kepada dua. Satu untuk create application. Dan kedua untuk dapatkan code plugin bagi facebook shoutbox.

Mula-mula create application facebook dulu untuk dapatkan id application. Setiap application mesti kena ada id yang unik bagi bezakan application yang telah dibuat. Ikut semua step dalam gambar di bawah.

tutorial cara nak buat facebook shoutbox-aizuddin

1. Set Up New Application di facebook developers.

no 2 merupakan id yang kita nak masukkan dalam code shoutbox di akhir tutorial.

tutorial cara nak buat shoutbox guna facebook-aizuddin

no 3 – bagi nama application. Kalau boleh jangan letak perkataan facebook. Cuba baca sebelah kanan no 3 tu.

tutorial cara nak create facebok shoutbox di blog-aizuddin

tutorial tukar shoutbox kepada facebook live stream-aizuddin

tutorial buat application facebook sendiri-aizuddin

Dah siap. Tinggal nak dapatkan code shoutbox facebook. Boleh dapatkan di sini. – Code facebook shoutbox.

Jangan lupa masukkan id application korang sendiri daripada hasil step kat atas. Lepas tu dah boleh edit code apa-apa yang patut macam size lebar(width) dan tinggi (length) shoutbox untuk nampak lebih kemas.

Akhir sekali, masukkan code facebook shoutbox yang sudah siap diedit dalam blog anda. Masukkan dalam bahagia widget dan tempat lain yang sesuai seperti bahagian footer. Kalau nak sorokkan shoutbox tu di sidebar. Boleh tengok tutorial yang lepas. Tukar code shoutmix dengan code facebook shoutbox.

-Tutorial sembunyikan shoutbox di sidebar.

Selamat mencuba. Hasil yang dah siap ada di bahagian sitemap blog ni. Boleh tinggalkan komen korang di situ lepas ni.

aizuddin : Dah siap tutorial facebook shoutbox. Dah boleh study dengan aman. Doakan aku supaya dapat menjawab soalan peperiksaan final dengan baik. Amin. Kalau blog ni berupdate pun mungkin entri-entri penting atau update secara live sahaja..

credit : amirulez

{ 78 comments… read them below or add one }

Rahsia Buah Pinggang Sihat November 9, 2010 at 1:59 PM

Salam aizuddin,terima kasih atas perkongsian tutorial di atas.Lepas ni bolehlah cuba plak.

Reply

aizuddin November 10, 2010 at 5:56 AM

wasalam..ok..selamat mencuba :D

Reply

Rahsia Buah Pinggang Sihat November 13, 2010 at 10:18 PM

Rugi kalau kita tak gunakan kelebihan yang disediakan dalam facebookkan.

Reply

aizuddin December 1, 2010 at 11:18 PM

yup..apa guna facebook..kalau tak dimanfaatkan :)

fitri November 10, 2010 at 2:32 PM

nak try la nanti..huhu…gud luck for ye exam~~

aku merdeka suda~

Reply

aizuddin November 10, 2010 at 6:45 PM

kira ko tengah free la ni?aku bagi projek kat ko lah camni..nak?hehe
btw tq..

Reply

acapz November 11, 2010 at 8:28 AM

skng smua facebook jek. haha. btw kte shout masuk wall ke? huhu. xpnuh ke kng?. uhuk

Reply

aizuddin November 20, 2010 at 2:08 AM

kalau tick post to facebook..nanti masuk lah..kalau tak tick tak masuk nanti..trylah kat page sitemap :)

Reply

acapz November 21, 2010 at 7:25 AM

ouh okae bro. ingt klu masuk wall trus hbs wall kng. aha. :P

Reply

aizuddin November 21, 2010 at 8:00 AM

boleh je set kasi memang akan masuk wall..tapi tak nak lah..bagi pilihan nak masuk wall atau tak lagi best..

saifudin November 20, 2010 at 1:39 AM

salam aizuddin. tutorial yang menarik, akan dicuba nanti. thanks 4 sharing

Reply

aizuddin November 20, 2010 at 2:09 AM

wasalam..ok..welcome

Reply

along November 24, 2010 at 2:38 AM

gud entry bro….bole wat rujukn pa newbies mcm aku nih

Reply

aizuddin November 24, 2010 at 3:10 AM

selamat mencuba :D

Reply

sha amane November 28, 2010 at 7:41 PM

thanks 4 ur info.

Reply

aizuddin November 28, 2010 at 8:33 PM

ok..welcome :D

Reply

Arib Ismail November 29, 2010 at 5:16 PM

wahh , nice tutorial bro ! thanks ! :8
ni mesti kena cuba nihh , hee :)

Reply

aizuddin December 1, 2010 at 11:15 PM

welcome..selamat mencuba :D

Reply

izulman December 1, 2010 at 6:24 PM

Aku mintk org buatkan boleh tk? aku bende2x mcm ni mmg fail @_@

Reply

aizuddin December 1, 2010 at 11:17 PM

nanti lepas exam..aku boleh tolong buatkan :)

Reply

izulman December 1, 2010 at 11:21 PM

Eh tkpe2x buat susah je. hehe. Nanti la ak fikir, aku bknnya berjiwa blogger pun :bloody: haha

Reply

aizuddin December 1, 2010 at 11:25 PM

haha..ok2..kalau rajin..free2 nanti boleh try explore :D

Reply

ziqarashara December 24, 2010 at 4:05 PM

terima kasih aizuddin kerana sharing…… :)

Reply

ariey January 10, 2011 at 1:01 PM

good tutorial..bolehla try lps ni

Reply

Faris May 7, 2011 at 2:24 AM

Salam…nak start buat facebook shoutbox ni, dah klik link ke facebook developers, bila nak “set a new app” tetibe je keluar ayat yang berbunyi macam ni “Your account must be verified before you can take this action. Please verify your account by adding your mobile phone or credit card”. Kena pilih “mobile phone” dulu ye semata-mata nak dapatkan application fb shoutbox ni…Faris harap Aizuddin dapat membantu…

Reply

aizuddin May 7, 2011 at 8:04 AM

aah..try verified dulu..baca la kena bayar ke tak..rasanya tak kot..sebab dulu tak payah nak verified..sekarang je kena verified..maybe sebab dah ramai sangat buat application kat facebook

Reply

farah May 19, 2012 at 1:37 AM

tq..done!! mmg awesome..=)

Reply

aizuddin May 20, 2012 at 1:10 AM

welcome.. :P

Reply

pies September 24, 2012 at 8:39 PM

nak buat! tak brpe phm la bro.. tlong boleh.. hehee..

Reply

aizuddin October 6, 2012 at 12:01 AM

dah ada gambar dah bro. tinggal nak follow step je tu :)

Reply

creating a blog March 11, 2013 at 8:05 PM

Hi there everyone, it’s my first pay a quick visit at this website, and piece of writing is in fact fruitful for me, keep up posting these articles or reviews.

Reply

HostGator Discount Coupons April 25, 2013 at 11:26 AM

These are actually fantastic ideas in concerning blogging. You have touched some
good things here. Any way keep up wrinting.

Reply

Bluehost Review May 7, 2013 at 5:46 AM

Your way of telling all in this post is truly fastidious,
all can effortlessly understand it, Thanks a lot.

Reply

Buying Youtube Views May 15, 2013 at 7:59 AM

After looking at a few of the blog posts on your site, I seriously like your technique of
writing a blog. I added it to my bookmark website list and will be checking back soon.
Please visit my web site too and tell me how you feel.

Reply

JustHost Coupons May 16, 2013 at 8:44 AM

Hello this is somewhat of off topic but I was wanting to know
if blogs use WYSIWYG editors or if you have to manually code with HTML.
I’m starting a blog soon but have no coding experience so I wanted to get advice from someone with experience. Any help would be greatly appreciated!

Reply

MyHosting Coupon May 16, 2013 at 9:31 AM

Neat blog! Is your theme custom made or did you download it from somewhere?

A theme like yours with a few simple adjustements would really make my blog stand out.
Please let me know where you got your design.
Many thanks

Reply

Leave a Comment

{ 13 trackbacks }

Previous post:

Next post: