Page FB Yang Lebih Style Untuk Blog

Posted on 8:22:00 PM by  with 95 comments
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.:)

95 comments:

  1. SuzaSeptember 8, 2011 at 8:30 PM

    owh mcm nie rupe nyer hehehe

    ReplyDelete
  2. hadiSeptember 8, 2011 at 8:38 PM

    owh...menarik untuk di cuba..thanks

    ReplyDelete
  3. Cik AzzSeptember 8, 2011 at 8:54 PM

    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

    ReplyDelete
  4. Mama BSeptember 8, 2011 at 9:32 PM

    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!!

    ReplyDelete
  5. UnknownSeptember 8, 2011 at 10:48 PM

    ehhhh bagusnyer..mekasihh..saya pun secoekk je follower ehehehehe..

    ReplyDelete
  6. UnknownSeptember 9, 2011 at 3:17 AM

    gmbr dyer yg display kat dlm box tu kecik sgt lah..mcm ner yek nak bg besar kan gmbr tu??

    ReplyDelete
  7. Aree Tone WoWSeptember 9, 2011 at 3:25 AM

    adussss..ssah gak la..smpai kunk ni aku ag tak bley wat pung..tolonggggggg

    ReplyDelete
  8. kotak bulatSeptember 9, 2011 at 7:20 PM

    kecik la yg icon tu.. cmne ek nk ubah?

    ReplyDelete
  9. Baiz MamatSeptember 9, 2011 at 11:25 PM

    menarik ni..

    ReplyDelete
  10. beautySeptember 10, 2011 at 7:20 PM

    useful tips. thanks

    ReplyDelete
  11. farahcuteSeptember 11, 2011 at 1:06 PM

    x leh pon,camne nak wat nih

    ReplyDelete
  12. Noor Ain IsmailSeptember 13, 2011 at 12:56 AM

    xboleh pon....

    ReplyDelete
  13. Anak DesaSeptember 19, 2011 at 7:04 PM

    macam mana pula nak letak kan punsi twetter dalam blog yer

    ReplyDelete
  14. AnonymousSeptember 19, 2011 at 11:04 PM

    xdpt la

    ReplyDelete
  15. nawalSeptember 23, 2011 at 4:48 PM

    x dpt la nak cri edit info utk n0.id page tu..huhu..mcm ner?

    ReplyDelete
  16. remaja lelakiSeptember 24, 2011 at 2:34 PM

    nak copy dengan URL PAGE NO ID PAGE tu jga erk??
    yg tulisan bsar tu..atau x payh nk copy?..
    i need u answer..~

    ReplyDelete
  17. DejanSeptember 26, 2011 at 1:11 PM

    salut gan...
    nice.....

    ReplyDelete
  18. Faris RidzuanOctober 1, 2011 at 12:42 PM

    pening larr buat nie admin...yang nak tukar 2 mcm mne je??ayat admin x fham...tunjuk kan bleyh??

    ReplyDelete
  19. AnonymousOctober 2, 2011 at 11:34 AM

    Xfaham Lor, URL Page Ada 2, Then ID Page, Yg Mn Satu Ken Tukar Sebab Coding Pnjang Benor..

    ReplyDelete
  20. Risur AutoOctober 6, 2011 at 11:15 PM

    camana nak dapatkan no id sape leh tolong

    ReplyDelete
  21. AnonymousOctober 8, 2011 at 9:56 PM

    admin tolong tandakan kod mna yg kt kne edit...klu cm atas susah ar...pliz..

    ReplyDelete
  22. MAMAT BLOGGEROctober 8, 2011 at 10:18 PM

    Wa dah cuba... terbaik ahh... tutorial pun senang jek.. thanks admin.. sape xpandai nk wat, tanya aku.. hehehe.

    ReplyDelete
  23. AnonymousOctober 16, 2011 at 10:57 PM

    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?

    ReplyDelete
  24. Azman RashidOctober 16, 2011 at 11:01 PM

    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!

    ReplyDelete
  25. Miss IrahOctober 20, 2011 at 5:03 AM

    nak copy num id kat mne ?

    ReplyDelete
  26. Cik AinOctober 20, 2011 at 11:02 AM

    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...=(

    ReplyDelete
  27. Spanar BurukOctober 21, 2011 at 12:49 PM

    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..

    ReplyDelete
  28. Genji TakiyaOctober 25, 2011 at 4:09 PM

    oit....x paham la.........!!!!!nk ganti kat ne tu.....!!! boleh tunjukkan tutorial yg lengkap x.....!! newbiee

    ReplyDelete
  29. Lia Maisarah binti Mohd SohaizulOctober 26, 2011 at 8:14 AM

    urmm..nI untuk fan page sja kee??Nnti tolong buat biasa punya ek..Tq

    ReplyDelete
  30. ryzalyusoffOctober 30, 2011 at 3:41 AM

    rase nk buat tutorial mcm ni untuk fb/twitter sumer nnt..lawat my blog 4 web design/devlopement tips :)

    ReplyDelete
  31. UnknownNovember 6, 2011 at 10:05 AM

    macam mane nak edit info..fb sekarang banyak dah berubah,,.edit profile ade la..edit info xde pon...

    ReplyDelete
  32. NUARAHMANNovember 10, 2011 at 9:07 PM

    dah buat...tapi macam tak menarik je..delete semula dan pakai yg lama..hehe

    ReplyDelete
  33. PeekAChuMey ♥November 11, 2011 at 10:01 PM

    tuu laa x dpt buat coz URL FB dah gune username so no id x tertera at URL . mcm mne ?

    ReplyDelete
  34. Bro. TWONovember 20, 2011 at 5:45 AM

    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.

    ReplyDelete
  35. FHIblogz CintaFilemblogsNovember 20, 2011 at 10:30 PM

    hehe.. senang je nak wat.. aku ingatkan susah.. thanks admin... jom usha blog aku klau korank xcaye.. hehe.

    ReplyDelete
  36. haniesahNovember 26, 2011 at 9:19 PM

    woa

    ReplyDelete
  37. adminDecember 5, 2011 at 9:25 AM

    wak gane kalu nk ejas lebar..ak dh cube tuka 'width' tu tapi same je..

    ReplyDelete
  38. nur syakirin anuarDecember 6, 2011 at 1:49 AM

    kalau yang lame ape code yer??

    ReplyDelete
  39. Mish MeenieyDecember 9, 2011 at 2:29 PM

    awesome !! berhasil lah. thankz. nice tips.

    ReplyDelete
  40. AnonymousDecember 9, 2011 at 9:48 PM

    nak tanya, mcm mane nak buat yang biasa punya tuh?

    ReplyDelete
  41. DewaDecember 10, 2011 at 9:50 PM

    Tutorial yg senang difahami.. senang jer nak buat.. thanks admin.. sape2 xtau nk wat jom tanya abg.. hehe.

    ReplyDelete
  42. MUHAMMAD ZULHILMI BIN AZAHARI@AHLI (D20191089750)December 13, 2011 at 10:11 PM

    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?

    ReplyDelete
  43. suriani ismaillDecember 14, 2011 at 12:57 PM

    tq for info

    ReplyDelete
  44. suriani ismailDecember 14, 2011 at 12:58 PM

    nak cuba buat la

    ReplyDelete
  45. naana kamalDecember 17, 2011 at 7:17 PM

    cecube cpat

    ReplyDelete
  46. UnknownDecember 28, 2011 at 3:39 PM

    pening2..
    like kuar tapi lain2 xkuar..
    bila like jd error daa..

    ReplyDelete
  47. IntanDecember 30, 2011 at 4:26 PM

    kalau template joomla macammna? sama jugak ker

    ReplyDelete
  48. sachi cocoDecember 30, 2011 at 7:03 PM

    sumpah peningg =='

    ReplyDelete
  49. suzie rahmanJanuary 9, 2012 at 10:48 PM

    failed.huhu.knp xjd.

    ReplyDelete
  50. Ainism_January 13, 2012 at 12:44 AM

    yeahhh jadi....tQ...

    ReplyDelete
  51. MissTakumiJanuary 15, 2012 at 11:57 PM

    Jdi lh~ Thanks sbb share tutorial nie~ Y(^^)Y

    ReplyDelete
  52. PenjejakJanuary 18, 2012 at 12:00 AM

    knapa dy xkluar gmbar orang yg like

    ReplyDelete
  53. Kak Nam Kepoh!!January 31, 2012 at 5:08 PM

    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??

    ReplyDelete
  54. wakFebruary 5, 2012 at 9:21 AM

    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

    ReplyDelete
  55. mzFebruary 8, 2012 at 6:58 PM

    terima kasih. dah pasang kat blog..!!

    ReplyDelete
  56. HOKI COLLECTIONFebruary 9, 2012 at 1:58 PM

    ko gk bisa y bos ... hadooh pusing naaa :)

    ReplyDelete
  57. UnknownFebruary 29, 2012 at 2:03 PM

    nice nice nice.. thanks xD

    ReplyDelete
  58. Mrs BeautyFebruary 29, 2012 at 10:40 PM

    Boleh di cuba ni...TQ.

    ReplyDelete
  59. aathif amaliaMarch 6, 2012 at 4:50 PM

    nk tya sikit ^_^

    ReplyDelete
  60. Rumahku SyurgakuMarch 7, 2012 at 3:21 AM

    kat mana nk tukar no id nya?pening.

    ReplyDelete
  61. Agen Topup MurahMarch 10, 2012 at 9:39 PM

    jadi.. tq

    ReplyDelete
  62. edd najwaMarch 14, 2012 at 12:10 AM

    mcm mne nk gnekn blogskin???

    ReplyDelete
  63. AnonymousMarch 22, 2012 at 6:58 PM

    KEREN!. ijin pake and sEdot!

    ReplyDelete
  64. Miss JutekMarch 27, 2012 at 11:45 PM

    No ID page tu letak di mana ye...?

    ReplyDelete
  65. Muhamad 'Ammar AmjadMarch 28, 2012 at 4:19 AM

    nak copy code da taw, start je nak gantikan URL dgn step seterusnya da ta reti dah

    ReplyDelete
  66. AnonymousMarch 29, 2012 at 3:10 PM

    makasihhh ya atas infonyaa...

    ReplyDelete
  67. MuhamMad IrwansyAhMay 7, 2012 at 9:02 PM

    Wow Info Nice
    keren banget Ni
    Nice pOst
    nExt Join BLog me
    mylintas.blogspot.com

    ReplyDelete
  68. UnknownMay 11, 2012 at 11:25 PM

    cmne nak dptkan no id tu? aku pnya xde ke?

    ReplyDelete
  69. Inspector SaahabMay 19, 2012 at 11:35 AM

    macam nk letak fan page style BIASA ?

    ReplyDelete
  70. Lilis4FazwanMay 23, 2012 at 7:11 PM

    bagaimana saya tidak bisa menemukan no id saya...klo url page ada...tolong di bantu ya

    ReplyDelete
  71. adminMay 23, 2012 at 10:54 PM

    terima kasih tuan admin.. tutorial yang bermanfaat sekali

    ReplyDelete
  72. Ikah DerisMay 31, 2012 at 8:29 AM

    yes ! i got it . thanks a lot :)

    ReplyDelete
  73. WarrenJuly 9, 2012 at 9:26 PM

    Terima Kasih :)

    ReplyDelete
  74. Dari IndonesiaJuly 10, 2012 at 10:25 AM

    Wah ini ide yang bagus sangat. Better than the original appearance.

    Makasih Pak!

    ReplyDelete
  75. mohdfairuz599@gmail.comJuly 20, 2012 at 9:00 PM

    terima kasih admin dan kawan-kawan akhirnya jadi juga ,,thanks share

    ReplyDelete
  76. Nur Adrianna AfiqahJuly 29, 2012 at 1:24 PM

    cam ne klau kite pnye fb timeline...

    ReplyDelete
  77. Boriel CyberAugust 15, 2012 at 9:33 PM

    makasih admin infonya....

    ReplyDelete
  78. UnknownAugust 26, 2012 at 10:35 PM

    keren kakak :D

    ReplyDelete
  79. Obat HerbalSeptember 18, 2012 at 9:49 PM

    bagus banget...
    baru liat nih..

    ReplyDelete
  80. Azura Banyak CakapNovember 12, 2012 at 12:51 AM

    Thanks ya, senang betul tutorial ni, akhirnya dapat juga saya buat. :D

    ReplyDelete
  81. Nina ZamryNovember 16, 2012 at 1:51 PM

    http://ninazamry.blogspot.com/

    ReplyDelete
  82. UnknownDecember 24, 2012 at 9:15 PM

    nice tutorials......

    ReplyDelete
  83. Obat Pusing Untuk Ibu MenyusuiApril 29, 2013 at 9:22 AM

    Wah...dapat ilmu baru nih buat bikin blog saya tambah keren :D

    ReplyDelete
  84. UnknownJune 25, 2013 at 11:52 AM

    Alhamdulillah..akhirnya dapat juga.. :) tq dear

    ReplyDelete
  85. UnknownJuly 21, 2013 at 3:09 AM

    xphm.... help me.... tang nk ganti2 tu...

    ReplyDelete
  86. tular kiniSeptember 22, 2013 at 2:50 AM

    terbaik !!!

    ReplyDelete
  87. IzikitOctober 24, 2013 at 6:22 AM

    memang mantap masta , tq again

    ReplyDelete
  88. obat tradisional gagal ginjalDecember 9, 2013 at 3:59 PM

    sukses selalu gan

    ReplyDelete
  89. kumpulan resep obat herbalJanuary 6, 2014 at 12:28 PM

    makasih banyak gan infonya

    ReplyDelete
  90. HoneyBeeMarch 13, 2014 at 1:09 AM

    As salam...,

    tq sharing...

    alhamdulillah...menjadi... =D

    ReplyDelete
  91. AnonymousNovember 29, 2014 at 2:17 PM

    asalamualaikum..boleh tak follow my blog :) sbb blog saya baru buat

    ReplyDelete
  92. AnonymousMay 14, 2015 at 10:40 AM

    Obat Penyakit KelaminDe Nature Indonesia

    ReplyDelete
  93. obat herbal anemiaJuly 29, 2015 at 3:54 PM

    please who want to seek treatment with herbal
    obat herbal anemia
    obat herbal keloid
    obat herbal fistula ani

    ReplyDelete
  94. obat herbal bronkitisAugust 1, 2015 at 4:52 PM

    herbal medicine can help treat the disease that you are complaining about and there are no side effects
    obat herbal kanker prostat tanpa operasi
    obat herbal penyakit chikungunya
    obat herbal bronkitis

    ReplyDelete
  95. UnknownDecember 22, 2016 at 5:45 PM

    Obat Sakit Pinggang Di Apotik
    Cara Mengeringkan Jahitan Luka Operasi Caesar

    Obat Panu Di Wajah

    Obat Asam Urat

    Obat Mimisan Di Apotik
    Pengobatan Sakit Pinggang Dengan Jelly Gamat

    Obat Bopeng

    ReplyDelete

Subscribe to: Post Comments (Atom)