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 9111 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 ads, 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

Cara Membuat Artikel Terkait With Scroll

Cara Membuat Artikel Terkait With Scroll

T 13 April 2012 F A Darmanto SEO

Cara Membuat Artikel Terkait With Scroll. Sobat Darmanto semua,setelah beberapa waktu yang lalu saya berbagi catatan membuat artikel terkait,pada catatan saya kali ini yang masih berisi seputar tutorial blog akan dilanjutkan dengan Membuat artikel terkaitΒ  namun dilengkapi dengan fungsi scoll.Membuat... Selengkapnya

Cara kirim sitemap web wordpress ke Google webmaster tools

Cara Kirim Sitemap Web WordPress ke Google webmaster tools

T 12 Februari 2018 F , A Darmanto SEO

Cara kirim sitemap web wordpress ke Google webmaster tools tidak jauh berbeda dengan cara kirim sitemap web blogspot. Sitemap web membantu search engine untuk membantu mempercepat menemukan konten -konten website Anda. Setelah menelusuri konten, search engine akan menilai dan meranking... Selengkapnya

Cara Mengubah Judul Blog Dengan Judul Postingan Pada Blogspot

Cara Mengubah Judul Blog Dengan Judul Postingan Pada Blogspot

T 9 April 2011 F A Darmanto SEO

Banyak sekali cara yang dilakukan agar SEO friendly, salah satu diantaranya ialah dengan mengubah judul blog anda ke judul postingan pada search engine.Teknik ini sangat penting dilakukan agar tampilan blog anda pada search engine bukanlah judul blog yang didahului, melainkan... Selengkapnya

+ SIDEBAR

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

Google Partner

Alamat

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

Desa Cibuyur, Kec. Warungpring

Kab. Pemalang, Jawa Tengah,52358

Butuh Bantuan? Chat Kami Sekarang