Membuat Komentar Facebook dan Blogspot Berdampingan

Creating Facebook and Blogspot Adjoining Comments, Komentar Facebook dan Blogspot Berdampingan merupakan dua hal yang sangat berhubungan karena seperti kita ketahui bahwa pada komentar blogspot biasanya Admin hanya menyodorkan kolom komentar bawaan blogger dan sebagian besar pengunjung tidak memiliki akun gmail melainkan facebook, jadi yang perlu kita lakukan disini meletakkan juga kolom komentar facebook berdampingan dengan komentar blogspot agar pengunjung yang tidak memiliki gmail bisa berkomentar menggunakan akun facebook mereka.

1. Login terlebih dahulu pada blog
2. Pilih Edit HTML
3. Letakkan script di bawah ini tepat di bawah code <div class='comments' id='comments'>

<div class='commblogfb-tab' id='fb-comments' onclick='javascript:
commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'>
 <img class='commblogfb-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjck-KfMVAC3W0q6v_wl4dZaIlMby5_9UUAQPUzM2jQLN9GaNHrz3ax_ds2bl5HujpxQg7Bj7D-MWa0hQP66TnRj3DxAEYSlvuEMq7IyTgd_jPs9muvnDOS_qn-eEaqBQdupGL49p7_bKQq/s0/facebook.png'/> <fb:comments-count expr:href='data:post.url'/>
Facebook&#39;s Comments  </div>  <div class='commblogfb-tab inactive-select-tab'
id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);'
title='Add Comments via Blogger'> <img class='commblogfb-tab-icon'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0vuu4JHMUeLDozaZD0H9zV0lfs1LUQVXJHCsCxbE232U4g2_ErZedgSBo0rzPp-XAL5Y1fUqjdx2v-XrWOm4KZbw9yqs2ZzHX6at59WVozibOVyWGJjY-qjy-EudPOv4ws9JmxiXks6p6/s0/rss.png'/>
<data:post.numComments/> Blogger&#39;s Comments  </div><div class='clear'/>
 </div>  <div class='commblogfb-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='500px'/>
    </b:if>     </div>     <div class='comments commblogfb-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='9836472745721' property='fb:admins'/>
    <script type='text/javascript'>
    function commentToggle(selectTab) {
    $(&quot;.commblogfb-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
    $(selectTab).removeClass(&quot;inactive-select-tab&quot;);
    $(&quot;.commblogfb-page&quot;).hide();
    $(selectTab + &quot;-page&quot;).show();
    }
 </script><style type='text/css'>.commblogfb-page, .commblogfb-tab
{color:#3F3937;float:left;padding:5px;margin-right:5px;margin-left:5px;
cursor:pointer;font-weight:bold;background-color:#f2f2f2;border-radius:5px 5px 0
0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;position:relative;z-index:10;
box-shadow:0 -1px 2px #666;-moz-box-shadow:0 -1px 2px #666;-webkit-box-shadow:0 -1px 2px #666;
background-image:linear-gradient(#fff,#f2f2f2);background-image:-moz-linear-gradient(#fff,#f2f2f2);
background-image:-webkit-linear-gradient(#fff,#f2f2f2)}.commblogfb-page {background:
rgba(255,255,255,.4);margin-top:8px;}#blogger-comments-page {padding:0px 5px;display:none;}
.commblogfb-tab {background-color:#6196DB;background-image:linear-gradient(#6196DB,#9FBFE9);
background-image:-moz-linear-gradient(#6196DB,#9FBFE9);background-image:-webkit-linear-gradient
(#6196DB,#9FBFE9)}.commblogfb-tab-icon {height:14px;width:auto;margin:0 3px}.commblogfb-tab:hover
{background-color:#9FBFE9;background-image:linear-gradient(#9FBFE9,#9FBFE9);background-image:-moz-linear-gradient(#9FBFE9,#9FBFE9);background-image:-webkit-linear-gradient(#9FBFE9,#9FBFE9)}.inactive-select-tab {background:rgba(background-color:#e2e2e2;background-image:linear-gradient(#f4f4f4,#DDD);background-image:-moz-linear-gradient(#f4f4f4,#DDD);background-image:-webkit-linear-gradient(#f4f4f4,#DDD)}.inactive-select-tab,
.commblogfb-tab:hover {background-color:#3b5998;background-image:linear-gradient(#6b89d8,#3b5998);
background-image:-moz-linear-gradient(#6b89d8,#3b5998);background-image:-webkit-linear-gradient
(#6b89d8,#3b5998)}</style>

Keterengan :
Ganti ID 9836472745721 dengan ID facebook Anda

4. Save dan lihat hasilnya

Tutorial diatas merupakan tutorial yang telah banyak beredar di

ADS HERE !!!

Related Posts