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

Silahkan tulis komentar Anda

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

*

a Artikel Terkait Cara membuat kotak komentar facebook di blog

Cara Mudah Membuat Artikel Lama Selalu Di Homepage

Cara Mudah Membuat Artikel Lama Selalu Di Homepage (1)

T 4 Maret 2014F A Darmanto SEO

Selamat malam sobat semua.Malam ini saya akan berbagi Tutorial mudah tentang Cara Membuat Posting/artikel Lama Selalu di Homepage.Tutorial ini rupanya masih cukup banyak yang mencarinya.Membuat artikel lama kita selalu berada di halaman utama blog (homepage),biasanya bertujuan untuk membuat ucapan selamat... Selengkapnya

Cara menghilangkan Tulisan Home atau Beranda di Footer Blog

Cara menghilangkan Tulisan Home atau Beranda di Footer Blog

T 26 Juni 2011F A Darmanto SEO

Cara menghilangkan Tulisan Home atau Beranda di Footer Blog platform blogspot. Tutorial blog ini saya buat karena terkadang ada yang berpendapat tulisan Home atau beranda di footer blog,membuat kurang indah halaman blog. Oleh karena itu,kali ini saya akan memposting tutorial... Selengkapnya

membuat blog dofollow

Cara Praktis Membuat Blog Dofollow

T 22 November 2011F A Darmanto SEO

Sobat Darmanto, dalam artikel kali ini saya mau berbagi tutorial blog Cara Membuat Blog Dofollow untuk Anda pengguna blogspot. Bagi Anda pengguna wordpress atau platform lain, mohon maaf tutorial blog ini tidak berlaku. Apa itu Blog Dofollow…?  Dofollow adalah istilah untuk... 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