Cara Pemasangan :
- Login ke Facebook bro.
- Kunjungi situs Facebook Developers.
- Pilih Comments yang ada pada daftar social plugins facebook pada situs Facebook Developers.
- Masukan URL blog dengan URL blog /
website sobat kemudian masukan jumlah komentar yang kan dimunculkan pada
blog sobat dan lebar kotak komentar facebook.
- Bila kamu sudah selesai, langkah selanjutnya klik Get Code.
- Setelah itu akan muncul kotak kode facebook yang berisi 2 kotak kode, yaitu kotak kode no.1 dan kotak kode no.2.Perhatikan gambar :
- Buka "Tab Browser Window" baru kemudian buka situs blogger dan login ke blog sobat.
- Klik "Design" kemudian klik "Edit HTML" untuk mengedit HTML template blog sobat.
- Cari kode <body>, bila kamu sulit mencarinya kamu tekan tombol Ctrl + F, setalah itu kamu ketik <bod atau <body> pada kolom pencarian yang muncul, bila sudah ketemu kamu letakkan kode no.1 (kotak kode no.1) dibawah kode <body>.
Contoh :
<body>
<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/en_US/all.js#xfbml=1&appId=198573203529943";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Catatan : Ganti karakter "&" dengan "&". - Setelah itu Klik "Tambahkan Gadget" pada "Tata Letak" klik untuk JavaScript/HTML masukkan kode facebook yg kedua pada nomor 6 diatas tadi, misalnya kode sperti ini:
<div class="fb-comments" data-href="http://sugoi-blog.blogspot.com" data-num-posts="2" data-width="250"></div> - Apabila ingin diletakan di bawah komentar blogger maka cari kode "<p class='comment-footer'>" kemudian letakan kode no.2 fb di bawah kode "<p class='comment-footer'>".
Contoh :
<p class='comment-footer'>
<hr/>
<div class="fb-comments" data-href="http://monozcore.blogspot.com" data-num-posts="5" data-width="470" data-colorscheme="dark"></div><hr/>
Catatan :
Ganti data-href="http://monozcore.blogspot.com" dengan expr:data-href='data:post.url' supaya komentar facebook secara otomatis disesuaikan dengan lokasi URL postingan artikel. - Bila kode no.2 sudah ditempatkan silakan sobat save template sobat.
- Selesai dan semoga bermanfaat ^^
Tidak ada komentar :
Posting Komentar