Beranda » Tutorial Blog » Cara membuat kotak komentar facebook di blog

Cara membuat kotak komentar facebook di blog

T Diposting oleh pada 1 November 2013
F Kategori
b 58 komentar
@ Dilihat 5482 kali

Cara membuat kotak komentar facebook di blog tutorialnya sudah banyak banget namun karena masih banyak yang kesulitan dalam memasang komentar facebook di blog,maka kali ini saya akan share juga dalam tutorial blog malam ini.

Cara membuat kotak komentar facebook di blog

Membuat kotak komentar facebook cukup sederhana,dan caranya adalah sebagai berikut:


1. Masuk ke akun blog sobat
2. Pilih Template –> Edit HTML
3. Cari kode <div class=’comments’ id=’comments’> setelah ketemu, letakkan kode dibawah ini tepat dibawahnya:

<div class=’comments-tab’ id=’fb-comments’ onclick=’javascript:commentToggle(&quot;#fb-comments&quot;);’ title=’Comments made with Facebook’><img class=’comments-tab-icon’ src=’http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png’/><fb:comments-count expr:href=’data:post.url’/> Comments</div><div class=’comments-tab inactive-select-tab’ id=’blogger-comments’ onclick=’javascript:commentToggle(&quot;#blogger-comments&quot;);’ title=’Comments from Blogger’><img class=’comments-tab-icon’ src=’http://www.blogger.com/img/icon_logo32.gif’/> <data:post.numComments/> Comments</div><div class=’clear’/></div><div class=’comments-page’ id=’fb-comments-page’><b:if cond=’data:blog.pageType == &quot;item&quot;’><div id=’fb-root’/><fb:comments expr:href=’data:post.url’ num_posts=’2′ width=’400’/></b:if></div><div class=’comments comments-page’ id=’blogger-comments-page’>
<script src=’http://connect.facebook.net/en_US/all.js#xfbml=1’/><script src=’http://code.jquery.com/jquery-latest.js’/><meta content=’ID Facebook Sobat ‘ property=’fb:admins’/><script type=’text/javascript’>function commentToggle(selectTab) {$(“.comments-tab”).addClass(“inactive-select-tab”);$(selectTab).removeClass(“inactive-select-tab”);$(“.comments-page”).hide();$(selectTab + “-page”).show();}</script><style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}</style>

4 .Ganti tulisan ID Facebook Sobat dengan ID Facebook sobat.
5.Save dan lihat hasilnya.

Keterangan : 
-Bila kode  <div class=’comments’ id=’comments’> terdapat 2 maka pilih kode yang kedua
-Bila sobat belum membuat atau memiliki id facebook,maka sobat buat dulu dan bila ada kesulitan,nanti lain waktu akan saya buatkan juga tutorialnya.

Nah sobat Darmanto semua,semoga saja sobat berhasil membuat kotak komentar facebook di blog,namun bila sobat blogger semua tetap masih belum bisa silahkan hubungi saya untuk saya buatkan dengan biaya murah.

Diposting oleh

Owner CV. Studio Web, sebuah perusahaan jasa pembuatan website SEO, jasa desain blog, google adwords, jasa SEO profesional. Hubungi CS Kami telpon/SMS/WA: 082310361484 (Puspa) untuk respon layanan cepat

58 Komentar untuk Cara membuat kotak komentar facebook di blog

Silahkan tulis komentar Anda

Your email address will not be published. Required fields are marked *

*

a Artikel Terkait Cara membuat kotak komentar facebook di blog

Cara Memasang Video Youtube Pada Postingan Blogger

T 23 January 2012F A Darmanto SEO

Cara memasang video Youtube pada postingan Blogger. Sobat Darmanto,pada Catatan Kali ini saya mau berbagi Cara Memasang Video Youtube pada postingan blogger.Memasang Video You Tube pada postingan blog biasanya mempunyai banyak tujuan.Kadang ada yang bertujuan untuk menampilkan video-video kenangan yang... Selengkapnya

Cara Memasang Logo Bank di Sidebar Blog

T 29 September 2012F A Darmanto SEO

Memasang logo bank di sidebar blog atau website sebagai widget  biasanya dilakukan oleh mereka yang memiliki usaha penjualan online untuk mempermudah customer dalam melihat daftar bank sebagai alat mempermudah pembayaran. Pada catatan saya kali ini,saya akan berbagi cara membuat dan... Selengkapnya

Membuat Artikel Terkait

Membuat Artikel Terkait

T 8 April 2012F A Darmanto SEO

Membuat Artikel Terkait. Sobat Darmanto,pada catatan kali,saya akan berbagi cara Membuat artikel terkait di Blogspot.Salah satu cara untuk meningkatkanΒ  page view dan mempermudah pengunjung blog menelusuri setiap artikel yang terkait dengan label atau tag artikel blog adalah dengan Membuat artikel... Selengkapnya

+ SIDEBAR

Ada Pertanyaan? Silahkan hubungi customer service kami untuk mendapatkan informasi lebih lengkap mengenai jasa/produk kami.

Legalitas Usaha

CV. STUDIO WEB
SIUP: 503.9/192/KPPT/PMK/11-22/II/2015
TDP: 112236321645
Akta Notaris no. 01
Detail Legalitas Kami Klik disini

Alamat

Office:
Jl. Raya Gili Tugel – Kreo KM 1, Rt. 039 Rw. 005

Desa Cibuyur, Kec. Warungpring

Kab. Pemalang, Jawa Tengah,52358