Sesetengah blogger ada yang mempunyai facebook page untuk blognya. Tidak kira apa tujuan page tersebut, kebiasaannya ianya berkaitan dengan blog. Tutorial kali ini akan menunjukkan cara meletakkan page facebook dalam blog, tetapi bukan dengan design biasa.
Kalau sebelum ini widget yang dinamakan 'facemask' ini didapati di wordpress, kini blogger yang mengunakan platform blogger.com juga boleh menggunakannya.
Tutorial meletakkan page ini adalah seperti berikut.
1. Dari dashboard > design > add a gadget > HTML/javascript.
2. Copy dan paste code di bawah kedalam ruangan HTML/javascript dan ubah seperti yang dinyatakan dalan nota di bawah.
<center>
<iframe style="height:250px; width:85%; " scrolling="no" frameborder="0"href="
URL PAGE
"src="http://www.facebook.com/plugins/fan.php?id=
NO ID PAGE
&width=292&height=250&connections=25&stream=false&header=false&logobar=false&css=https://sites.google.com/site/unwanted86/javascript/fblike.css" ></iframe></center><center><iframe src="http://www.facebook.com/plugins/like.php?href=
URL PAGE
&send=false&layout=standard&width=292&show_faces=false&action=like&colorscheme=light&font&height=40" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:40px;" allowtransparency="true"></iframe></center><p align="right"> <small><a href="http://tutorialuntukblog.blogspot.com/2011/09/page-fb-yang-lebih-style-untuk-blog.html">Get tutorial here </a></small></p>
Nota:
a)Gantikan url page dengan url page anda.
Bagaimana hendak dapatkan url page.?
b) Gantikan No ID page dengan no ID page anda.
Bagaimana hendak dapatkan ID page.?
Daripada page, klik pada 'edit info', kemudian daripada paparan yang muncul akan anda no di url, itu adalah No ID page anda.
3. Apabila selesai gantikan yang berkenaan, save dan lihat hasilnya.:)
Suka tutorial ini.?
83 comments:
owh mcm nie rupe nyer hehehe
owh...menarik untuk di cuba..thanks
Nice tuto..
Tapi, yg follow page blog akak ni seco'et je.. Segan lak nak buat.. Lain la kalau ramai yg follow page tu... :D
Sama la ngan Mama B, follower nyer skit sgt...
Mama B segan nk wat, insya Allah, when the need arise, Mama B akan cube, apapun, thumb up!!
ehhhh bagusnyer..mekasihh..saya pun secoekk je follower ehehehehe..
gmbr dyer yg display kat dlm box tu kecik sgt lah..mcm ner yek nak bg besar kan gmbr tu??
adussss..ssah gak la..smpai kunk ni aku ag tak bley wat pung..tolonggggggg
kecik la yg icon tu.. cmne ek nk ubah?
menarik ni..
useful tips. thanks
x leh pon,camne nak wat nih
xboleh pon....
macam mana pula nak letak kan punsi twetter dalam blog yer
xdpt la
x dpt la nak cri edit info utk n0.id page tu..huhu..mcm ner?
nak copy dengan URL PAGE NO ID PAGE tu jga erk??
yg tulisan bsar tu..atau x payh nk copy?..
i need u answer..~
salut gan...
nice.....
pening larr buat nie admin...yang nak tukar 2 mcm mne je??ayat admin x fham...tunjuk kan bleyh??
Xfaham Lor, URL Page Ada 2, Then ID Page, Yg Mn Satu Ken Tukar Sebab Coding Pnjang Benor..
camana nak dapatkan no id sape leh tolong
admin tolong tandakan kod mna yg kt kne edit...klu cm atas susah ar...pliz..
Wa dah cuba... terbaik ahh... tutorial pun senang jek.. thanks admin.. sape xpandai nk wat, tanya aku.. hehehe.
wakil admin---
1) URL page..untuk ambik URL page, korang semua kena copy paste URL..contoh www.google.com...kalau kita punya blog...http://aljabbarkelantan.blogspot.com. padam URL PAGE yg admin taip dalam tutorial tersebut replace dgn URL page kita yg nak dipaparkan. nak lebih faham, logout dulu blog, pastu u all taip scara manual kt browser internet tu alamat blog korang....copy yg tu sign in, paste mcm dlm tutorial tu..hehe clear x?
cont: sebanyak 2 kali copy paste URL dibuat untuk replace mcm dlm tutorial dia atas....URL page kita...
2) No ID....gua awal2 lagi dah create 1 page kat facebook..bukan group...tapi page....gua switch user to page Aljabbar showroom KB....tgk kt broswer no....copy no id tu...no sahaja bukan copy all yer....hehe....selamat berjaya!
nak copy num id kat mne ?
xjdi la sbb id no xde..coz mne2 yg gunakan 'username' dalam fb dia, id no takkan kua dh. dia akan kua 'username' tu je..so sad....@ mungkin sy dh keliru sgt...=(
saya nak rekues blh tak..saya nak mtk tlg awak combinedkan coding
http://tutorialuntukblog.blogspot.com/2011/10/tutorial-sembunyikan-fb-fan-page-di.html
dgn coding
http://tutorialuntukblog.blogspot.com/2011/09/page-fb-yang-lebih-style-untuk-blog.html
saya klau blh nak jdikan dia float belah kanan la..hrap blh la ye..
oit....x paham la.........!!!!!nk ganti kat ne tu.....!!! boleh tunjukkan tutorial yg lengkap x.....!! newbiee
urmm..nI untuk fan page sja kee??Nnti tolong buat biasa punya ek..Tq
rase nk buat tutorial mcm ni untuk fb/twitter sumer nnt..lawat my blog 4 web design/devlopement tips :)
macam mane nak edit info..fb sekarang banyak dah berubah,,.edit profile ade la..edit info xde pon...
dah buat...tapi macam tak menarik je..delete semula dan pakai yg lama..hehe
tuu laa x dpt buat coz URL FB dah gune username so no id x tertera at URL . mcm mne ?
Senang jer kot... aku dah berjaya buat kt page aku... kalau pasal dah set URL fb tu mmg xde problem la... janji no ID page betul.. compem bleh punya.. tak caya jom usha blog aku.. hehe. thanks admin.
hehe.. senang je nak wat.. aku ingatkan susah.. thanks admin... jom usha blog aku klau korank xcaye.. hehe.
woa
wak gane kalu nk ejas lebar..ak dh cube tuka 'width' tu tapi same je..
kalau yang lame ape code yer??
awesome !! berhasil lah. thankz. nice tips.
nak tanya, mcm mane nak buat yang biasa punya tuh?
Tutorial yg senang difahami.. senang jer nak buat.. thanks admin.. sape2 xtau nk wat jom tanya abg.. hehe.
cmner nk buat ney..ad0yai..pning kpala dbuatnye.. "src="http://www.facebook.com/plugins/fan.php?id=
kt atas ney ada apa2 yg prlu dibuang ke?
tq for info
nak cuba buat la
cecube cpat
pening2..
like kuar tapi lain2 xkuar..
bila like jd error daa..
kalau template joomla macammna? sama jugak ker
sumpah peningg =='
failed.huhu.knp xjd.
yeahhh jadi....tQ...
Jdi lh~ Thanks sbb share tutorial nie~ Y(^^)Y
knapa dy xkluar gmbar orang yg like
kak Nam buat byk kali gak baru jadi..tahnx admin. nanti jgn lupa singgah blog kak nam lihat gosip2 panas..tp kak nam nk tny la,kenapa kak nam buat toturial ni "http://tutorialuntukblog.blogspot.com/2011/12/tutorial-letak-facebook-like-badge-masa.html" x jadi??
Sifu bagaimana kalau nak URL code ke URL Persendirian:
Contoh Saya Nak Cam nie ;
www.facebook.com/jelajah-joran
tetapi jadi cam nie lak
http://id-id.facebook.com/people/Jelajah-Joran/100003523800157
Tolong Bantu
terima kasih. dah pasang kat blog..!!
ko gk bisa y bos ... hadooh pusing naaa :)
nice nice nice.. thanks xD
Boleh di cuba ni...TQ.
nk tya sikit ^_^
kat mana nk tukar no id nya?pening.
jadi.. tq
mcm mne nk gnekn blogskin???
KEREN!. ijin pake and sEdot!
No ID page tu letak di mana ye...?
nak copy code da taw, start je nak gantikan URL dgn step seterusnya da ta reti dah
makasihhh ya atas infonyaa...
Wow Info Nice
keren banget Ni
Nice pOst
nExt Join BLog me
mylintas.blogspot.com
cmne nak dptkan no id tu? aku pnya xde ke?
macam nk letak fan page style BIASA ?
bagaimana saya tidak bisa menemukan no id saya...klo url page ada...tolong di bantu ya
terima kasih tuan admin.. tutorial yang bermanfaat sekali
yes ! i got it . thanks a lot :)
Terima Kasih :)
Wah ini ide yang bagus sangat. Better than the original appearance.
Makasih Pak!
terima kasih admin dan kawan-kawan akhirnya jadi juga ,,thanks share
cam ne klau kite pnye fb timeline...
makasih admin infonya....
keren kakak :D
bagus banget...
baru liat nih..
Thanks ya, senang betul tutorial ni, akhirnya dapat juga saya buat. :D
http://ninazamry.blogspot.com/
nice tutorials......
Wah...dapat ilmu baru nih buat bikin blog saya tambah keren :D
Post a Comment