Belajar Blogspot: Memasang/Membuat Komentar Facebook di Blog

Menampilkan Komentar Facebook di Blog- Pengunjung Blog yang tidak memiliki akun Gmail ataupun yang mungkin belum tau,( maaf) atau malas berkomentar di blog kita bisa memberikan komentarnya lewat jejaring sosial Facebook. Yaa mungkin pas kebetulan mereka sedang login di akun facebook mereka, jadi tidak perlu repot-repot lagi untuk login ke akun gmail. Jika pada posting sebelumnya Julak berbagi tentang bagaimana cara memasang tombol like facebook, dan membuat share button dengan efek berputar, Nah disini kita akan bersama-sama bagaimana cara memasukkan komentar facebook di bawah posting Blog.

1 . Sebelumnya kita masuk ke akun facebook kita lalu masuk ke faceboook developer plugin.

cara membuat dan memasang komentar facebook

2. Pilih Comments
3. Masukkan URL/alamat blog ke kotak URL to Comment on, atur jumlah komentar, dan lebar/width kotak komentar, kemudian klik Get Code.

4. Setelah codenya keluar .......

Login ke akun blogger klik Rancangan/Design > Edit HTML > Expand Template
Back up template dulu dengan mendownload template.
Cari kode <body> (tekan ctrl + F)

a. Masukkan kode nomor 1 (javasriptsdk) tepat di bawah kode <body> tadi.

Jika pada blog saya kodenya seperti di bawah ini, dan mungkin akan berbeda di blog sobat.

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

b. kemudian langkah kedua cari kode di bawah ini

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>

c. Jika belum berhasil silakan alternatif lain dengan cara;
Masukkan kode nomor 2 antara

<div class='post-footer-line post-footer-line-1'>
Masukkan kode ke dua di sini
</div>

jika belum ada kode </div> silakan tambahkan sendiri.

Klik Pratinjau, lalu simpan template.

Perhatikan;

jangan mengcopy kode dalam tutorial ini, ini hanya sebagai contoh saja. copas lah kode yang didapat dari facebook.
jika terdapat 2 atau lebih, masukkan pada kode yang pertama.

UPDATE:

Untuk template default blogspot;

1. cari kode // <![CDATA[ , kemudian masukkan kode no. 1 tepat di atasnya
2. Kemudian masukkan kode no. 2 masukkan tepat di bawah kode berikut;

<b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

3. Klik pratinjau, simpan template.

Nah, selesai deech, bagaimana... siap mencoba....? Good Luck. Salam Blogger. Silakan berikan komentar, hehehe.

Update: Jika ini kurang memuaskan silakan Sobat buka cara memasang komentar facebook V2

7 comments:

Blog 'Super Rahasia'.....February 21, 2012 at 5:43 PM
menarik juga nich untuk dicoba
Star NightFebruary 22, 2012 at 7:11 PM
Tet....
Kok aku bikin nggak keluar ya?....
julakFebruary 22, 2012 at 7:30 PM
@ Blog super Rahasia, Silakan dicoba gan,
@ Star Night, ikuti lagi langkah2nya dengan seksama, pasti bisa.
JulakApril 17, 2012 at 6:13 PM
silakan coba kembali, sudah saya update artikelnya
Belajar NgeBlogApril 17, 2012 at 6:14 PM
silakan coba kembali, sudah saya update artikelnya.
KabulMay 6, 2012 at 3:35 PM
mas, kok komentarnya nongol di setiap posting ya?
Belajar NgeBlogMay 6, 2012 at 9:31 PM
emang maunya yg gimana?

Anda harus menjadi follower blog ini jika ingin memberikan komentar. Terima Kasih

Feb 21, 2012

Memasang/Membuat Komentar Facebook di Blog

7 comments: