Cara membuat komentar reply (comment reply) facebook di blog

Advertisement

Mayoritas pengguna internet yang sedang browsing di sebuah web maupun blog pasti dia juga sedang terhubung dengan  akun facebooknya. Hal ini memudahkan mereka berkomentar di blog kamu tanpa harus mempunyai akun google, karena komentar mereka secara otomatis dengan akun facebooknya.
Bagaimana Cara membuat komentar reply (comment reply)  facebook di blog ?

1. Masuk ke blogger.com

2. Pilih opsi "template"

3. Edit template tersebut, posisi harus "lompat ke widget".





4. Edit HTML

5. cari kode "<div class='comments' id='comments'>" , agar mudah tekan CTRL+F untuk mencarinya.

6. Letakkan kode di bawah ini tepat di bawah kode "<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='650'/>
</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='http://www.facebook.com/hendrisetiawan17' 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: #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>




7. Ganti Tulisan yang berwarna merah dengan URL akun facebook kamu, dan angka 650 adalah lebar kotak yang bisa disesuaikan dengan blog kamu.

8. Simpan


Tag : Tips Blog
0 Komentar untuk "Cara membuat komentar reply (comment reply) facebook di blog"

Back To Top