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 7201 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

Darmanto adalah owner CV. Studio Web, sebuah perusahaan jasa pembuatan web SEO friendly, jasa desain blog, google adwords, jasa SEO profesional. Follow Channel telegramnya di https://t.me/darmantoseo

58 Komentar untuk Cara membuat kotak komentar facebook di blog

a Artikel Terkait Cara membuat kotak komentar facebook di blog

cek ranking website di myserpchecker

Mau Cek Ranking Website Menggunakan WhatsMySerp? Begini Caranya

T 21 Juli 2017 F , A Darmanto SEO

Kadang sebagai pemilik website, biasanya penasaran ingin cek ranking websiteΒ untuk keyword yang diinginkan. Cek ranking web juga biasanya sering dilakukan dan ditanyakan oleh mereka yang sedang ikut kontes SEO atau sedang pesan seo website untuk keyword tertentu ke penyedia jasa... Selengkapnya

Cara Membuat Akun Google Code

T 6 Oktober 2012 F A Darmanto SEO

Cara Membuat Akun Google Code.Sudahkah sobat Membuat File Hosting di google code? Para Sobat,pada Tutorial blog kali ini,saya akan berbagi Cara membuat akun google code.Google Code adalah salah satu tempat menyimpan file yang kita miliki dengan gratis Google Code bisa... Selengkapnya

Cara Membuat Menu TabView dengan JQuery

Cara Membuat Menu TabView dengan JQuery

T 11 Mei 2012 F A Darmanto SEO

Cara Membuat Menu TabView dengan JQuery.Setelah catatan membuat menu multi tab kemarin saya bagikan,pada catatan saya kali ini akan dilanjut dengan membuat multi TabView pada blog namun dengan Jquery. Membuat tab view dengan Jquery lebih mudah ngga seperti membuat tab... 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