Santri Indigo adalah Komunitas Santri Berbudaya Teknologi yang merupakan kerjasama program CSR PT Telkom Indonesia Tbk dengan HU Republika.
Twitter Facebook Feedburner Google +1 youtube
www.santri-indigo.com
Selamat Datang di Portal Santri Indigo Cilacap
Home » , , , » Cara Menambahkan Komentar Facebook di Blogger

Cara Menambahkan Komentar Facebook di Blogger

Penulis : ZHANtech | Selasa, 18 Maret 2014

Santri-Indigo.Com - Pada update kali ini Portal Santri Indigo Cilacap akan menerangkan Cara Menambahkan Komentar Facebook di Blogger buat temen - temen yang kebetulan memakai platfome blogger pasti butuh ini.

Saya perlihatkan dulu demonya :


Cara Menambahkan Komentar Facebook di Blogger :
  • Login terlebih dahulu akun Blogger Anda
  • Setelah itu langsung saja menuju Template > Edit HTML
  • Tambahkan code html dibawah ini di setelah <div class='comments' id='comments'>
<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='610'/></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 Anda' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comments-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}</script><style>.comments-page { background-color: transparent;}#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>
  • Ganti width sesuai dengan ukuran main-wrapper template blog anda
  • Ganti ID Facebook Anda
  • Caranya buka halaman profile anda
  • Kemudian ketikan di addreess bar http://graph.facebook.com/user_yang_tadi_diambil
  • Contoh pada gambar di bawah ini :
 
  • Ganti ID Facebook Anda dengan angka yang tertera pada graph facebook anda
  • Kemudian Save HTML, dan selesai.
Selamat mencoba, seperti biasa apabila ada bagian yang belum paham bisa anda tanyakan lewat kolom komentar.

Share this article with your friends

4 komentar

Kontributor OmPrap Blog 20 Maret 2014 pukul 09.20

mantab, ini nih yang belum ku coba tambahkan di blogcepotku, thanks mas, tak cobane :-)

ZHANtech 20 Maret 2014 pukul 09.36

Makasih kang sudah mampir dimari...

Rumah No 48 21 Juni 2014 pukul 08.36

kie nangapa bro? deneng komentare ra ana fotone?

ZHANtech 22 Juni 2014 pukul 08.09

komentar sing ndi maksude?? sing nang blog.q kiye apa??
anu emang sengaja digawe kaya kue..

Posting Komentar

Jangan berkunjung tanpa meninggalkan jejak.
- No Spam - No Phising - No Live Link
Salam Blogger Indonesia, Silakan Tinggalkan Pesan Agan disini... !!!

Tukar Link



Copy Paste - Copyright by SIC
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.santri-indigo.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://2.bp.blogspot.com/--N-4ALq7hlQ/UzmVq36j58I/AAAAAAAABVI/p-zTAcA9xsI/s150/SI.png" /></a></div>

Bagi yang sudah pasang silahkan tinggalkan komentar