Facebook Komentar di Blogspot, Cara Membuatnya…

By | Agustus 6, 2014
Siapa sih yang gak tahu dengan facebook sekarang ini, Facebook adalah situs atau website no. 2 terbesar di dunia sekarang ini setelah google. Facebook adalah situs media sosial yang paling banyak penggunanya sekarang ini disusul dengan twitter. Terus..? apa fungsi facebook dengan blog, banyak sekali manfaatnya untuk blog kita. Facebook fungsi yang utama pada blog kita adalah mendapatkan traffik dari facebook baik itu berupa komentar atau fanspage.
.
Pada kesempatan kali ini saya tidak membahas peranan facebook secara detail terhadap blog, namun ingin berbagi sharing atau artikel sederhana tentang bagaimana cara membuat facebook komentar di blog. Sebenarnya di blog kita sudah ada fasilitas komentar di setiap posting kita, namun tidak ada salahnya juga kita menambahkan komentar facebook di setiap postingan artikel.

 

Langsung saja ke TeKaPe, Tampilan facebook komentar pada blog kita akan nampak seperti contoh di bawah ini .

 

Sebelum membuatnya, masuk ke akun facebook sobat.1. Buka halaman website ini : https://developers.facebook.com/docs/plugins
Maka akan tampak seperti gambar di bawah :

 

2. Kemudian kita sortir ke bawah, cari “Comments”

3. Klik Comments tadi maka akan tampil seperti gambar dibawah ini.

4. Isikan data yang diminta seperti : URL blog sobat, Jumlah post komentar, dll.
Maka setelah diisi akan tampak seperti gambar dibawah ini.

5. Lalu klik “Get Code” ,, Maka tampilannya akan di dapat seperti ini :

Setelah kita mendapatkan kode 1 dan 2 dari facebook seperti pada gambar diatas, kita menuju akun blogger kita.

1. Kita cari tempelate blog yang mau di edit,, kemudian edit HTML.

2. Cari kode </head>  ,, agar lebih mudah pencarian sobat gunakanCtrl+F

3. Parse kode pertama (Kode 1) yang kita dapat dari Facebook.
Untuk mem-parse kode 1 tadi, sobat dapat menuju halaman ini —> Klik parse

4. Masukkan kode 1 yang di parse tadi dibawah kode </head> tadi, dengan cara :

</head>
<b:if cond=’data:blog.pageType == &quot;item&quot;’> 
Kode facebook 1 yang sudah diparse
</b:if>

5.  untuk kode ke 2 tidak usah dipharse, cari kode ini  <div class=’post-footer-line post-footer-line-3′><span class=’post-location’>

6. Isikan kode 2 facebook tadi dibawah kode <div class=’post-footer-line post-footer-line-3′><span class=’post-location’>

7. Selesai.

Semoga Facebook Komentar di Blog, Cara Membuatnya… dapat bermanfaat.

.
Terima kasih kepada sobat atas kunjungan ke-blog artikel sederhana ini, kritik dan saran kami tunggu.

Comments

comments

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *