Assalamualaikum kali ini saya akan memberikan tips tentang cara membuat komentar facebook dan blogger menjadi sebelahan dan membentuk sebuah tab. Membuat sebuah komentar lewat facebook memang sekarang lagi banyak digunakan oleh para blogger. Lalu bagaimana caramemasangnya langsung saja cekidot....
- Login dulu di Blogger.com
- Masuk di Template > Edit Html
- Cari kode <div class='comments' id='comments'> gunakan Ctrl + F untuk memudahkan mencari, jika dalam mencari menemukan lebih dari satu gunakan kode yang pertama saja.
- Lalu copy code dibawah ini
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments from Facebook'><img class='comments-tab-icon' src='http://icons.iconarchive.com/icons/danleech/simple/32/facebook-icon.png'/><fb:comments-count expr:href='data:post.url'/> Comments Facebook</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://icons.iconarchive.com/icons/marcus-roberto/google-play/32/Blogger-icon.png'/> <data:post.numComments/> Comments Blogger</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='613'/></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='272529516248311' 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>
- Paste kan kode diatas tepat dibawah kode <div class='comments' id='comments'>
- Simpan
Bagaimana mudah bukan dalam membuatnya selamat mencoba. Baca juga Cara membuat kotak pencarian seperti Kaskus dengan fitur Voice. Dan jangan lupa untuk berlanggan via email untuk mendapatkan pembaruan dari kami
PENGUNJUNG BIJAK SELALU MENINGGALKAN JEJAK
0 Comment "CARA MEMASANG KOMENTAR FACEBOOK DAN KOMEN BLOG BERSEBELAHAN PADA BLOGGER"
Post a Comment