Cara Memasang Kotak Komentar Facebook Di Blogger
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..
<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){$(".comments-tab").addClass("inactive-select-tab");$(a).removeClass("inactive-select-tab");$(".comments-page").hide();$(a+"-page").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>
<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){$(".comments-tab").addClass("inactive-select-tab");$(a).removeClass("inactive-select-tab");$(".comments-page").hide();$(a+"-page").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>
Post a Comment for "Cara Memasang Kotak Komentar Facebook Di Blogger"