Scrip Memasang Kolom Komentar Facebook Dan Blog Yang Saling Terhubung

Scrip blog untuk memasang kolom komentar facebook dan blog yang saling terhubung

       Di bawah ini merupakan pola dari gambar templete yang dihubungkan dengan facebook sehingga kalau anda sedang terhubung ke facebook, anda akan sanggup pribadi memberi komentar ke blog tanpa perlu log in ke facebook, perhatikan gambar yang digaris bawahi di bawah ini. Pada scrib ini juga sanggup komentar via blogger. Caranya cukup mudah.

1. Masuk ke html akun blogger kalian.
2. Cari dengan menekan ctrl+F "<div class='comments' id='comments'>" tanpa tanda petik.

3. Paste instruksi scrib sempurna di bawah instruksi <div class='comments' id='comments'>, perhatikan gambar di bawah.

<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(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>

 4. Untuk IDFANPAGEFACEBOOK boleh diisi kosong saja kalau belum punya.

Tweet

Subscribe to receive free email updates: