Cara Membuat Kotak Komentar Facebook di Blogspot (Update)

Semakin populernya situs jejaring sosial seperti facebook, maka banyak juga temen-temen blogger yang memasang form komentar facebook di blogspotnya untuk memudahkan interaksi dengan pengunjung blog selain kotak komentar standarnya blogspot.
Selanjutnya......

Memasang Tombol Like Facebook di Blogspot

Untuk memasang tombol like facebook dibawah setiap postingan caranya adalah sbb :

1. Login ke blogger.com, buka Dashboard - Design - Edit HTML

2. Download Full Template --> untuk berjaga-jaga jika ada trouble

3. Centang Expand Widget Templates

4. Cari kode <data:post.body/>

5. Copy script dibawah ini dan letakkan dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<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 = &quot;//connect.facebook.net/id_ID/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
<div class='fb-like' data-send='false' data-show-faces='false' data-width='300'/>
</b:if>

6. Save Template dan Lihat hasilnya.

Semoga Bermanfaat.

Selanjutnya......

Memasang Like Box Facebook Page di Blogspot

Facebook page banyak digunakan untuk berinteraksi pemilik blog dengan jejaring sosial Facebook. Facebook page juga banyak digunakan untuk mempromosikan blog sehingga dapat meningkatkan pengunjung blog. Sebelum memasang like box di halaman blog, kita harus membuat halaman facebook atau facebook pages dulu. Cara membuat Facebook Pages dan Like Box adalah sbb :

1. Login ke facebook.com dan blogger.com
2. Kunjungi http://www.facebook.com/pages/ dan klik Buat Halaman



3. Pilih salah satu kategori yang kita inginkan, misalnya Perusahaan, Organisasi, atau Institusi



4. Isi Form dan klik Mulai



5. Klik Lewati, upload gambar atau logo bisa dilakukan nanti



6. Masuk ke langkah 2 dan klik lewati lagi
7. Isi alamat Blog, Keterangan Blog dan klik Lanjutkan



8. Copy alamat facebook pages yang ada di alamat browser. misalnya http://www.facebook.com/pages/Tutorial-Blog/145491985551146



9. Halaman Facebook sudah jadi kemudian klik Tambah Kotak Suka



10. Pastekan alamat halaman facebook kita dan isi form lainnya sesuai keinginan. Klik Get Code.



10. Pilih IFRAME, copy code script.




11. Seperti biasa buka Blogger - Dashboard - Design - Add a Gadget - HTML/JavaScript - Pastekan Kode Script Like Box - Save - View Blog
12 Like Box sudah tampil di halaman blog kita.



Terima asih sudah berkunjung ke blog ini, semoga bermanfaat.
Mari kita menulis dan saling berbagi sesama Blogger Indonesia.

Selanjutnya......

Cara Pasang Form Komentar Facebook di Blogspot

Facebook (FB) merupakan jejaring sosial yang paling populer sekarang ini. Siapa sih yang gak punya akun FB? So, kadang kita perlu memasang form komentar Facebook agar pengunjung bisa langsung mengomentari postingan kita tanpa harus login ke akun google dulu.



Cara memasangnya ikuti langkah-langkah berikut ini.

1. Login ke akun facebook anda.

2. Buka Developers Facebook Klik Aplikasi.



3. Masukkan kata sandi FB anda da klik Lanjutkan.



4. Pilih Izinkan.



5. Pilih Create New App.



6. Isi Judul dan Alamat Aplikasi (bebas) dan centang I Agree dan klik Lanjutkan.



7. Ketik Kata Pengaman dan klik Kirim.



8. Akan Muncul data Applikasi ID dll. Copy ID tersebut yang selanjutnya akan kita gunakan untuk ID di Form Komentar.



9. Buka Blogger - Dashboard - Design - Edit HTML - Download Full Template (untuk bakup template) - Centang Expand Widget Templates.





10. Cari Kode <data:post.body/> (dengan Ctrl+F)

11. Copy Kode dibawah ini dan ganti ID-APLIKASI dengan ID anda dan paste di bawah kode <data:post.body/>

_{<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background-color:}#ffffff; padding:10px; border:1px solid #cccccc;'>
<p align='left' style='background:transparent;'><a href='http://free-blog-tutorial.blogspot.com/2011/10/cara-pasang-form-komentar-facebook-di.html' target='new'><img src='https://lh5.googleusercontent.com/-UKy3AkaVElg/Tr2E6dkOaZI/AAAAAAAAAsg/vacAFSJlZSQ/s144/fbcomment.png'/></a></p>
<div id='fb-root'/>
<script> window.fbAsyncInit = function() { FB.init({appId: &#39;ID-APLIKASI&#39;, status: true, cookie: true, xfbml: true}); }; (function() { var e = document.createElement(&#39;script&#39;); e.async = true; 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>
<fb:comments num_posts='10' width='300'/>
<p style='background-color: transparent;border:1px solid #cccccc; font-size:10px; padding:5px;width:ancho; float:right;'><a href='http://free-blog-tutorial.blogspot.com/2011/10/cara-pasang-form-komentar-facebook-di.html' target='_blank' title='Blog Tutorial'>Get This Comment Form</a></p></div>
</b:if>

12. Save Template dan coba lihat hasilnya.
yang warna biru bisa disesuaikan dengan temlpate blog, kode '#ffffff' adalah warna backgroud, '10' adalah jumlah komentar yang di tampilkan dan '300' adalah lebar form komentar.
Thanks sudah menunjungi blog ini, semoga bermanfaat.

Selanjutnya......

Menambahkan Foto Profil Facebook di Blogspot

Facebook merupakan jejaring sosial yang sangat populer sekarang ini. Untuk mempermudahkan interaksi pengunjung blog dengan FB kita di blog perrlu juga kita tambahkan link facebook dalam bentuk foto profil. Caranya sangat mudah sbb :

1. login ke facebook dan blogger anda.

2. Kunjungi http://id-id.facebook.com/badges/



3. Pilih Lencana Profil



4. Pilih Blogger atau Other untuk mendapatkan kode html nya.



5 Kita akan dibawa ke Add Page Element, pilih blog dan klik add widget



6. Foto profil FB sedah terpasang di Blog kita.



Semoga bermanfaat

Selanjutnya......