Rabu, 25 Januari 2012

Membuat Komentar Facebook di Blogger

بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم
www.junioriqfar.com, Membuat Komentar Facebook di Blogger. Setelah lama saya tidak posting kini saya kembali posting untuk memposting artikel tentang Bagaimana Cara Membuat Komentar Facebook di Blogger / Blogspot. Sebenarnya saya sudah lama ingin memposting artikel Membuat Komentar Facebook di Blogger / Blogspot namun saya sedang sibug untuk kuliah karena banyak sekali tugas yang diberikan dosen. Bila sobat blogger ingin membuat komentar facebook ini, silahkan saja ikuti tutorial yang saya buat ini.

Demo Membuat Komentar Facebook di BloggerKlik disini untuk melihat demo Membuat Komentar Facebook di Blogger


Mendisable komentar bawaan blogger
Perhatian : Jika sobat blogger hanya menginginkan komentar facebook saja, maka langkah dibawah ini harus dilakukan. Tetapi bila sobat blogger ingin menampilkan 2 komentar yakni komentar facebook dan komentar bawaan blogger, maka langkah dibawah ini diabaikan saja.
  1. Masuk akun blogger sobat
  2. Kemudian klik Setelan, lalu Komentar
  3. Setelah itu pada tulisan Komentar, ada pilihan di tampilkan atau di sembunyikan.
  4. Klik Sembunyikan
  5. Simpan Setelan

Buat Aplikasi Facebook
  1. Silahkan sobat blogger masuk ke akun facebook
  2. Kemudian masuk ke halaman facebook developer
  3. Lalu isilah sesuai kebutuhan sobat
  4. Kemudian ikuti langkah selanjutnya
  5. Bila sudah jadi aplikasi facebooknya, catat App ID/API Key
  6. Copy di notepad App ID/API Key tadi

Memasang Kode Komentar Facebook di Template Blog
  1. Kembali lagi ke dashboard blogger sobat
  2. Kemudian masuk Rancangan, Edit HTML
  3. Centang Expand Template Widget
  4. Copy code dibawah ini
  5. <div id='fb-root'/>
    <script>
    window.fbAsyncInit = function() {
    FB.init({
    appId : &#39;APP-ID Sobat&#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>
    
  6. Dan letakkan dibawah kode
  7. <body>
  8. Copy lagi kode dibawah ini
  9. <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 Sobat' property='og:site_name'/>
    <meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
    <meta content='APP-ID Sobat' property='fb:app_id'/>
    <meta content='Profile-ID-Facebook Sobat' property='fb:admins'/>
    <meta content='article' property='og:type'/>
  10. Lalu paste setelah kode
  11. </head>
    Silahkan sobat ganti kode yang berwarna hijau dengan keinginan sobat.
  12. Setelah selesai semua, copy kode dibawah ini
  13. <b:if cond='data:blog.pageType == "item"'><br /> <p align='left'><a href="http://www.junioriqfar.com/2012/01/membuat-komentar-facebook-di-blogger.html" target="new"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMlFSofop6jbw-9ta_5lC3ifhvV9i05f3wyBWcxiRxKLccL3PCW5LhIkNyPwnGvQiMciVwDHYuu5l4rkOElMD55h649eUgxLjjwpsP-yjYsejhTACaBy4D-Y04Me4uhyYXgSw0IpRvkHU/s1600/comment.gif" /></a></p><div><fb:comments width='450' expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id'/></div></b:if><br />
  14. Dan letakkan sebelum kode ini
  15. <div style='clear: both;'/> <!-- clear for photos floats -->
  16. Simpan template sobat
  17. Bila masih ada yang bermasalah dengan widget facebook ini, silahkan sobat tinggalkan komentar dibawah ini.
ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِينَ

Artikel Terkait


2 komentar:

Asalasah Artikel Pilihan mengatakan...

Oya sob.. kalo ada yang komen ada pembritauannya gak?? hehe
thanks

Unknown mengatakan...

waduh soalnya saya tidak menggunakan widget ini...
jadi maaf saya kurang tahu menahu...

Posting Komentar

Jangan Lupa komentar apabila terdapat penulisan kata, kalimat atau yang lainnya. Terima kasih telah berkunjung ke sini.