05 August 2014

Cara Memasang Kotak Komentar Facebook Di Blogger

Taohids Channel_05 August 2014


Gambar diatas adalah contoh kotak komentar yang akan saya share kali ini.
Walaupun sebetulnya cara ini sudah banyak yang posting dan sebatas koleksi pribadi,
Tapi tak apalah saya bagikan.
Siapa tahu ada kawan yang tertarik untuk memasangnya di blog kawan semua.

Cara pasangnya amat gampang sekali..

  • Pertama silahkan masuk dulu ke dashboard blog kalian.
  • Lalu  klik Template, setelah itu klik Edit HTML.
  • Cari kode ini </head> menggunakan Ctrl F agar lebih mudah.
  • Setelah itu Copy semua script dibawah ini, dan pastekan tepat diatas kode </head>.
  • Setelah itu klik simpan..
Selamat Mencoba

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' 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("#blogger-comments");' 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 == "item"'><div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='550'/></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='IDFANPAGEFACEBOOK' property='fb:admins'/><script type='text/javascript'>function commentToggle(a){$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(a).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.comments-page&quot;).hide();$(a+&quot;-page&quot;).show()};</script>
<style>.comments-page{background-color:#f2f2f2}#blogger-comments-page{padding:0 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:#eee}.inactive-select-tab{background-color:#d1d1d1}</style>

Bagikan Artikel Ke Sosial Media


Artikel Terkait lainya tentang :

0 Comments

Silahkan berkomentar sesuai tema posting di atas. Komentar jorok, spam, atau tidak relevan, akan kami hapus secara permanen.