1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

Cara Paling Mudah Menampilkan Facebook Comments di Blogspot dan Wordpress

Discussion in 'General' started by nnttoo, Aug 20, 2011.

  1. nnttoo

    nnttoo Super Hero

    Joined:
    Apr 16, 2010
    Messages:
    1,260
    Likes Received:
    620
    sudah tahu mungkin ya? cuma karena saya sudah nyari belum ada di sini jadi saya tulis aja sapa tahu bermanfaat,

    Langsung aja gan, hasilnya akan muncul dengan javascript, setiap kali pengunjung koment secara otomatis muncul juga di profile pagenya dia, mayan lah nambah nambah pintu masuk selain dari SE.

    Caranya sebagai berikut,,

    di wordpress

    paste code ini di bawah <?php the_content di single PHP tentu saja, tapi kalau mau di halaman search atau di 404 juga bisa kok,,,

    ini codenya,,,

    HTML:
    <script src="http://hislideberita.googlecode.com/files/fb_comments_script.js"></script>

    Di Blogspot


    Paste Code Ini di bawah
    HTML:
    <data:post.body/>
    Ini COdenya, sebetulnya bedanya hanya karakter htmlspecialchars ama ansi ja gan, ini yang sudah di parse,

    HTML:
    &lt;script src=&quot;http://hislideberita.googlecode.com/files/fb_comments_script.js&quot;&gt;&lt;/script&gt;
    Gemana mudah kan? I-)

    Ini contoh hasilnya gan
    [​IMG]
    Gemana, ganteng kan foto ane?:senyum:
     
    Last edited: Aug 20, 2011
  2. Schwarzkophf

    Schwarzkophf Super Hero

    Joined:
    Nov 13, 2008
    Messages:
    2,318
    Likes Received:
    71
    Location:
    Depok
    wkwk bisa aj tsnya nih ..
    tapi emg manteb bro ...

    fb comments kadang berguna, kadang juga kagak :senyum:
     
  3. nnttoo

    nnttoo Super Hero

    Joined:
    Apr 16, 2010
    Messages:
    1,260
    Likes Received:
    620
    Kadang lebih suka nampilin koment dari FB daripada koment dari defaultnya, jadi gak ribet ngurusin spam
     
  4. dilahandini

    dilahandini Newbie

    Joined:
    Apr 1, 2011
    Messages:
    45
    Likes Received:
    5
    Mau nanya nih mas? itu komentarnya tiap halaman beda-beda apa gemana?

    maksudnya gini misalkan seseorang sudah komentar di halaman "Halo Wolrd" nah terus komentar-komentar yang ada di situ bakalan muncul di halaman lain apa enggak gan??
    di tunggu jawabannya gan
     
  5. go_free

    go_free Super Hero

    Joined:
    Jun 14, 2010
    Messages:
    870
    Likes Received:
    37
    klo wodpress pake plugin lebih simpel
     
  6. songoku

    songoku Hero

    Joined:
    Aug 24, 2007
    Messages:
    631
    Likes Received:
    55
    Location:
    Valembhanx
    script yang bermanfaat ni...makasih bro ^^
     
  7. nnttoo

    nnttoo Super Hero

    Joined:
    Apr 16, 2010
    Messages:
    1,260
    Likes Received:
    620

    Sesuai prosedur emergancy wanita cantik lebih di utamakan:D

    Enggak Jeng, komentarnya tiap halaman masing masing,, komentar di halaman Halo wolrd tentu gak akan muncul di halaman lain hanya muncul di halaman posingan dengan judul hallo wolrd, karena komentar di pisahkan berdasarkan URL halamannya.

    ---------- Post added at 03:53 PM ---------- Previous post was at 03:51 PM ----------

    Menurut saya sih masang script yang cuma sebaris jauh lebih simple dari masang plugin,,

    itu menurut saya loh,, :senyum:
     
  8. Diandra

    Diandra Super Hero

    Joined:
    Apr 8, 2011
    Messages:
    3,330
    Likes Received:
    2,168
    Location:
    Ads.id
    Ijin praktek mastah :senyum:
     
  9. nnttoo

    nnttoo Super Hero

    Joined:
    Apr 16, 2010
    Messages:
    1,260
    Likes Received:
    620
    Jadi malu di panggil mastah :senyum:
     
  10. Mazz TM

    Mazz TM Super Hero

    Joined:
    Feb 14, 2011
    Messages:
    1,582
    Likes Received:
    160
    Location:
    Magelang-Semarang (PP)
    Mantaab...
    Dari dulu bingung mana yang valid...
    Mending pake yang paling simple aja...
    Gak perlu masukin app-id...

    Tanya gan...
    Cara ubah lebarnya gimana?
    Biasanya kan tinggal edit widht...
    Yang ini gak ada?
     
    Last edited: Aug 20, 2011
  11. casper.zn

    casper.zn Ads.id Pro

    Joined:
    Jan 29, 2011
    Messages:
    433
    Likes Received:
    5
    Location:
    Kebumen
    Wah ini ga ribet...., simple tapi smart, iya juga tu gmn utk pengaturan layoutnya y gan :senyum:
     
  12. nicho

    nicho Ads.id Fan

    Joined:
    Jun 23, 2010
    Messages:
    184
    Likes Received:
    0
    ikutan ask gan, gimana untuk menambah tombol like fb di wordpress
     
  13. nnttoo

    nnttoo Super Hero

    Joined:
    Apr 16, 2010
    Messages:
    1,260
    Likes Received:
    620
    Oh iya yah,, waktu mbikinnya lupa mikirin width wkwkwkwk :senyum:itu defaultnya set 500px di bikin scroll aja gan
    di kurung di dalam div aja
    contohnya gini

    HTML:
    
    <div style="width:300px; overflow: scroll">
    <script src="http://hislideberita.googlecode.com/files/fb_comments_script.js"></script>
    </div>
    
    Atau kalau mau make di hosting, di cownload aja JSnya edit sndiri masukan di hosting sndiri js nya,, simple aja kok, js nya juga simple , mau di ketik sendiri juga boleh,,
     
  14. poetri

    poetri Super Hero

    Joined:
    May 11, 2011
    Messages:
    1,452
    Likes Received:
    265
    ini dia.. script yg biasa sy pake sekarang gak pernah muncul lg komen fbnya..

    tq gan.. dicoba ya. like gan
     
  15. aditwebid

    aditwebid Super Hero

    Joined:
    Mar 10, 2011
    Messages:
    1,877
    Likes Received:
    32
    Location:
    Dumai - Medan - Brastagi
    tinggal edit kode java script nya gan.

    ini source code asli dari TS:
    Code:
    s='<a target="_blank" href="http://id.haryantoblog.com/2011/08/cara-mudah-membuat-comment-facebook-di-blog/"><span style="font-size: 9px;">Make like this</span></a>';u=location.href;
    var isitop = ''+s+'<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"><\/script>';
    var isi1 = '<fb:comments href="'+u+'" num_posts="[B]5[/B]" width="[B]500[/B]"><\/fb:comments>';
    var jadi = ''+isitop+''+isi1+'';
    document.write(jadi);
    tinggal ubah yang di BOLD aja...
    trus upload ke hostingan sendiri.
    kemudian ganti URL nya :
    for wp:
    Code:
    <script src="[B]LINK SCRIPT AGAN[/B]"></script>
    for blogspot:
    Code:
    &lt;script src=&quot;[B]LINK SCRIPT AGAN[/B]&quot;&gt;&lt;/script&gt;
    CMIIW :senyum:
     
    adimas likes this.
  16. nnttoo

    nnttoo Super Hero

    Joined:
    Apr 16, 2010
    Messages:
    1,260
    Likes Received:
    620
    Ini tak kasih kode yang aslinya aja deh,, :senyum: tak masukin di file JS gara-gara pengen masukin url blog ane ke scriptnya wkwkwkwk, namanya juga usaha :senyum:

    Ini kode aslinya dari FB

    HTML:
    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="urlsitusnya.com" num_posts="5" width="320"></fb:comments>
    nah kasusnya gemana caranya nambahin URL halaman blog agan ke skirpt tersebut mau di edit manual?? gak mungkin kan,,? dalam script di atas saya make javascript var u="location.href" untuk manggil URL halaman blog agan,,

    Kalau mau cara lain gemana?

    Bisa aja pake cara lain misalkan kalau di wordpress funcion untuk manggil URL di post page kan <?php the_permalink() ?> jadi bisa aja codenya jadi kayak begini

    HTML:
    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:comments href="<?php the_permalink() ?>" num_posts="5" width="320"></fb:comments>
    Kalau untuk di jCMS lain saya gak tahu caranya manggil URL, searcing sndiri aja deh,,

    Kalau untuk di blogspot pake cara yang saya tulis di halaman 1 juga bagus-bagus aja,
     
  17. bed_boy

    bed_boy Twitter ADDICT

    Joined:
    Nov 11, 2009
    Messages:
    2,055
    Likes Received:
    132
    Location:
    Jogjakarta
    wah, gak masang soalnya tahu sendiri kalau jarang yg komentar via facebook.
     

Share This Page