Mau tau cara buat yang seperti ini, silahkan klik disini

widget by Kianhome
Setelah sekian lama k'ian tidak lagi aktif dengan dunia blogging, kali ini k'ian mau share sebuah info baru yang k'ian dapat. Yaitu "Format comment blog baru dengan facebook comment", yang menampilkan seri kotak komentar dengan menggunakan pola komentar di account Facebook selama ini. Dimana selama ini kita sudah pernah mendengar format kotak komentar dengan menggunakan form dari situs pihak ketiga lainnya.

Kita akan langsung mulai untuk tutorial yang akan kita kerjakan pertama kali,
  • klik link berikut facebook developer
  • Kemudian isi form yang tertera disana, seperti Nama dan URL situs --> klik Create Aplication / buat aplikasi.
  • Jika berhasil maka akan muncul informasi mengenai no ID yang kita buat, selanjutnya klik menu Dashboard pengembangan / Dashboard development.
  • Kemudian klik menu edit settings/sunting pengaturan. kemudian klik lagi menu "Terhubung/connect".
  • Selanjutnya isi form Base domain/ basic domain dengan = blogspot.com ( ingat hanya blogspot.com saja )
  • kemudian klik lagi menu "simpan perubahan / save setting".
  • Catat no ID APLIKASI yang sudah kamu buat tadi lihat contoh



Next Step
  1. Masuk ke account blog kamu, kemudian klik menu "Edit HTML" dan beri tanda ceklist pada kota "Expand widget template".
  2. Selanjutnya copy kode dibawah ini dan letakkan tepat didalam <html
  3. xmlns:fb='http://www.facebook.com/2008/fbml'
    Hasilnya akan seperti ini :
    <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>
  4. Kamu tidak usah bingung cukup meletakkan saja kode yang berwarna orange tersebut seperti contoh yang k'ian buat.
  5. Selanjutnya copy lagi kode dibawah ini, dan letakkan sebelum kode </head> :
  6. <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content='data:blog.pageTitle' property='og:title'/>
    <meta expr:content='data:blog.url' property='og:url'/>
    <b:else/>
    <meta expr:content='data:blog.title' property='og:title'/>
    <meta expr:content='data:blog.homepageUrl' property='og:url'/>
    </b:if>
    <meta content='NAMA BLOG KAMU' property='og:site_name'/>
    <meta content='http://i355.photobucket.com/albums/r455/sheve_anssver/bannerfans_67836562-1.jpg' property='og:image'/>
    <meta content='ID APLIKASI KAMU' property='fb:app_id'/>
    <meta content='article' property='og:type'/>
  7. Kemudian copy lagi kode dibawah ini tepat dibawah kode <body>
  8. <div id='fb-root'/>
    <script>
    window.fbAsyncInit = function() {
    FB.init({
    appId : &#39;ID APLIKASI KAMU&#39;,
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml : true // parse XFBML
    });
    };

    (function() {
    var e = document.createElement(&#39;script&#39;);
    e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;
    e.async = true;
    document.getElementById(&#39;fb-root&#39;).appendChild(e);
    }());
    </script>
  9. Selanjutnya cari kode <data:post.body/>, copy kode dibawah ini :
  10. <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <p align='left'><img alt='' class='icon-action' height='51' src='http://i355.photobucket.com/albums/r455/sheve_anssver/bannerfans_67836562-1.jpg' width='331'/></p>
    <div><fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width='570'/></div>
    </b:if>
  11. Jika sudah kamu pasang klik menu "Simpan/save"

Nb : Kembali ke menu Pengaturan dan pilih komentar.
Selanjutnya klik tanda sembunyikan pada default komentar. agar kotak komentar yang muncul tidak jadi 2.

Untuk DEMO lihat disini "Comentar baru"

Share to :

Related Post :


About the Author :

K'ian is a designer, web tutorial design, and blogging enthusiasts. Tutorial blog debut the first time when entering college, when I get to know the world wide internet and so much more. Now I work at one of the state trading company, a job that would conflict with the world of blogging and web design. Today remains a serious manage blog " Kolam Blogging Tips | Kianhome ".

10 Response to "Format Comment blog Baru dengan Facebook comment"

  1. vhei Said,

    wah mumet nih, pake yg orig aja dah pusing...!! tapi g pa apa deh yg penting bisa gaya... ...Replay

     

  2. Kian Coi Said,

    @vhei : kalau mau di praktekin dan di jalankan dengan teliti g bakal bikin pusing kok, yg pntg sekali apa yg di instruksikan dijalankan dengan teliti...

    Btw, tq y da comment...!!!! ...Replay

     

  3. wah manatf nih,,,,,akan saya coba jika ada waktu,, ada2 saja idenya,,,,maju terus yah,,,salam sukses ...Replay

     

  4. mlailie Said,

    ka...pas aku masukan alamat blog aku pada URL SITUS, koq jawaban nya Invalid url.mohon penjelasan nya ya...sekali lagi saya ucapkan terima kasih atas reply comment yang kemarin di kirim ke djwelthan@gmail.com. jawabannya betul2 sangat membantu. ...Replay

     

  5. Rizkyzone Said,

    aq masih lebih suika pakai bawaan blogger sob, oy awardnya dah aq pajang silakan cek ...Replay

     

  6. Kian Coi Said,

    @Rizky : sebenarnya sama sob, soalnya bahaya juga takut Blogger nge-banned..kan bisa berabe jadinya...!!! haaaa haaaa haaaa

    TQ da comment sob disini...!! ...Replay

     

  7. Kian Coi Said,

    @mlailie Lailie sebelemunya aq minta maaf, aq kurang jelas dengan pertanyaan kamu...!!! mungkin kalau kamu bisa perjelas lagi, aq usahain untuk aq bantu...

    so thank's da comment...!!! ...Replay

     

  8. ka ..maksud aku invalid url itu, pas aku masuk di facebook develover...kalau kaka masih belum ngerti, cuba liat screenshot di
    http://img337.imageshack.us/img337/9668/52277488.jpg ...Replay

     

  9. Dev Said,

    Sayang FB comment tidak mensupport URL pemberi komentar ya.. ...Replay

     

  10. Kian Coi Said,

    @Dev Salah satu kelemahan yg dimiliki aplikasi ini tentu saja tidak bisa mensupport URL si pemberi komen, tp sbg aplikasi gadget ini cukup keren....!!!

    tq da comment.... ...Replay

     

Post a Comment

Blog ini menganut sistem "Dofollow", Silahkan Tinggal komentar, saran, kritik disini.. apapun itu jangan SPAM ok..


Berita Terkini

Friend Follower's

Tips Health

Techno

Hot Nasional

Celebrity

My Blog List

Recent Comment

© Copyright 2011 | Dikelola sepenuhnya oleh : Kiancoi
KianHome Member of PlanetBlog | SitusBersih | Support on Mozilla Firefox and Google Crome Browser
Home | Posts RSS | Comments RSS | Sexy Blog |