membuat kotak komentar facebook di blogger

Friday

membuat kotak komentar facebook di blogger
Sobat blogger jika anda ingin menambahkkan kotak komentar facebook di blog milik anda.
Dan letaknya berdampingan dengan komentar blogger,caranya cukup mudah hanya dengan sedikit modifikasi html pada template blog anda.
ikuti langkah-langkah untuk  membuat kotak komentar facebook di blogger sangat mudah kok sob
kyak gni ni tampilanya:


  • Langkah pertama Login ke Akun Blogger anda.
  • Pada Dasbor lalu Pilih Rancangan
  • Kemudian Pilih Edit HTML 
  • Jangan lupa untuk mencentang kolom expand template widget dulu



Copas kode berikut tepat dibawahnya  kode <div class='comments' id='comments'> pada template anda.
catatan : dan apabila terdapat dua kode <div class='comments' id='comments'> yang sama pada templet anda maka pilih lah pada kode yang ke 2
 ini dia code yang di copy:

<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='letakkan ID Fb anda disini' 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>

  • Dan langkah yang terahir Simpan Template dan lihat hasilnya mudah kan...jangan lupa ID Fb nya ganti dengan ID Fb anda
Mudah sekali bukan semoga suksess salam blogger.

Comments
50 Comments

50 comments:

Saiful Anasz 2 Nov 2012, 10:13:00  

Tapi kira2 bikin berat blog nggak sobb...???

satrioedan 2 Nov 2012, 18:36:00  

@Saiful Anaszmenurut saya c gak bikin berat koq gan

Kredit Mobil Murah 9 Nov 2012, 21:27:00  

Kalau dibuat berdampingan dengan komentar blogspot seperti ini gimana boz ? Thks

satrioedan 10 Nov 2012, 23:50:00  

@Kredit Mobil Murah untuk penempatan kode <div class='comments' id='comments'> jika terdapat 2 kode seperti diatas pilih pada kode yang kedua gan maka akan seperti ini..mmoga membantu.

yusuf ardhi kusumah 13 Nov 2012, 17:44:00  

di coba gan
makasih infonya...

tapi belum bisa :D mohon bantuannya ya ..
iyuzkaze94.blogspot.com

taufik karim 7 Dec 2012, 02:00:00  

tutor nya dah aku pasang... n berhasil... trims gan...

Tanto Aljauharie 17 Dec 2012, 12:09:00  

maaf mas id fb itu kalo di fbnya yang mana ya ?

Slamet Riyanto 17 Dec 2012, 15:42:00  

nggak bisa. tolong kasih solusi yah mas. 08992332887.. ditunggu yah.. makasihh

satrioedan 18 Dec 2012, 20:57:00  

@Tanto Aljauharie
jka agan pngn tw id fb anda
masuk di fb agan trus klik salah satu foto agan nnti di browser anda ada ada url sperti ini:https://www.facebook.com/photo.php?fbid=287415594609023&set=pb.100000217548778.-2207520000.1355838551&type=3&theater nah yg bercetak tebal i2 id fb anda.atau dg cara copy url dibawah ini taruh d browser anda
http://graph.facebook.com/fb username
ganti fb username dg username anda

rachmad tatawarna 20 Dec 2012, 11:25:00  

wah kok ane gagal ya, mungkin salah cara ya ane -_- hehehe

Ai Kholid 21 Dec 2012, 05:56:00  

thank bro
jangan llupa kunjungi blog Q juga
http://click-ganda.blogspot.com/2012/12/save-as-pdf-free-download.html

Rafi 25 Dec 2012, 12:10:00  

Thanks gan udah berbagi :)
mantaab

salam sukses

Ar-Rijal 27 Dec 2012, 23:06:00  

Alhamdulillah, berhasil... makasih ya sob....

rafi muhammad 30 Dec 2012, 16:23:00  

Thanks ya gan.. :)
langsung berhasil nih

satrioedan 30 Dec 2012, 18:41:00  

@Ar-Rijalsama sama semoga bermanfaat

Fathulmubeng 5 Jan 2013, 18:30:00  

gan kalo ingin komentar fecebook doang tanpa komentar blog, itu bagaimana....

Sundul 5 Jan 2013, 21:35:00  

Makasih sharenya. sangat bermanfaat

satrioedan 5 Jan 2013, 23:30:00  

@Fathulmubengkalo pingin nyembunyikan, agan masuk aja pada dasbord lalu setelan >> pos dan komentar >>lokasi komentar >>sembunyikan lalu simpan. semoga bermanfaat.

Heri Topan 6 Jan 2013, 08:12:00  

Sangat bermanfaat,thanks infonya

cah angon 8 Jan 2013, 03:55:00  

Makasih mas.... langsung saya prektekan :)

Eva Anindhita 10 Jan 2013, 13:51:00  

nice info

kunjungan balik ke blog saya juga ya gan

Eva Anindhita 10 Jan 2013, 13:52:00  

nice info

kunjungan balik ke blog saya juga ya gan

Andik Rasida 12 Jan 2013, 07:59:00  

Klo di tempat ane bisa tempatkan di bawah yang ke 1

decky 13 Jan 2013, 18:54:00  

dah jadi gan ,, makasih banyak :D

satrioedan 13 Jan 2013, 20:54:00  

@decky sama sama gan.. salam blogger

yogi cahya bagus pambudi 15 Jan 2013, 03:21:00  

It's work..
makasih gan :)
http://yogicahyabagus.blogspot.com/

Obat Penyubur Kandungan 17 Jan 2013, 10:50:00  

postingan tentang membuat kotak komentar facebook... Sangat menarik untuk dibaca, Saya suka mengunjungi blog ini.

Anonymous,  26 Jan 2013, 03:33:00  

makasih bos.. moga sukses n sehat selalu!!!

Svoelectra 28 Jan 2013, 12:42:00  

berhasil:) anda saya join...join back juga boleh :))

Herry jhek 3 Feb 2013, 16:01:00  

Trimaksih sharenya sob,
sangat bermanfaat....

satrioedan 3 Feb 2013, 17:22:00  

@Herry jheksama sama gan trimakasi tlah berkunjung

Facebook 6 Feb 2013, 05:45:00  

Nice inpo gan.. tengkiu

Dwi Puji Supriyanto 15 Feb 2013, 01:05:00  

Thanks Min.,
Langsung Work :D

satrioedan 15 Feb 2013, 01:42:00  

@Dwi Puji Supriyanto sama sama gan trimakasih kunjunganya

kak joko 7 Mar 2013, 09:53:00  

Thanks ya shob ane udah pernah nyoba n langsung mancep hehehe ,, cuman ane hapus lagi soalnye pernah di spam orang fia komen fbnye jadi ane hapus n makasih ya udah kasih tutornya

Foto Artis Lengkap 17 Apr 2013, 17:39:00  

mantab gan,, langsung dicoba deh,, thanks berat

Risqk 26 Apr 2013, 16:11:00  

alhamdulillaah...akhirnya dpt yg pas buat blog saya..stlh nyoba buanyaaak bgt, br ini yg cocok, makasih sob, sangat membantu...komen balik di blog saya ya

sevenbola 2 Aug 2013, 17:11:00  

Wah keren , tampilannya ... boleh dicoba nih komentar facebook

Muh Yusuf Natsir 19 Jan 2014, 14:36:00  

berhasil gan, tapi di posisi kode nomor 1.
cuma masalahmya, klo ada comment di tab blog, comment di facebook g keliatan.
ada solusi?
thanks..

Aly Ahmad 19 Jan 2014, 21:03:00  

@Muh Yusuf Natsir coba km login dulu ke fb kamu.trus coba kamu buka lg.klo mc sperti itu coba di cek id fb u pa udah bnr.. mg br hasil




(HAPPY BLOGGING)

Next Prev Home
*

traffic

Kembali ke ATAS