Tuesday, October 25, 2016

Cara Membuat Komentar Facebook di Samping Komentar Blog

Cara Membuat Komentar Facebook di Samping Komentar Blog



Cara Mem buat Komentar Facebook di Samping Komentar Blog. Fitur ini sangat bagus dan mudah untuk pengunjung memberikan komentar. Selain itu fitur ini memperbagus tampilan blog.
Berikut Cara Mem buat Komentar Facebook di Samping Komentar Blog. :


1. Login ke Blogger cari Dashboard pilih Akun kemudian Template ( Jangan lupa membackup template     terlebih dahulu )
2. Centang Expand Widget di atas pojok kiri .
3. Cari kode di bawah ini ( Gunakan Fitur CTRL+F  agar memudahi pencariaan )
         ]]></b:skin>
4. Letakan kode dibawah ini di atas kode   ]]></b:skin>
         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;} 


5. Cari kode dibawah ini
          </head> 
     Kemudian copas kode dibawah ini diatas kode    </head> 

<script src=http://connect.facebook.net/en_US/all.js#xfbml=1/>
<script src=http://code.jquery.com/jquery-latest.js/>
<meta content=https://www.facebook.com/alsepriadha 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>

Perhatikan tulisan yang saya kasih warna hijau
Ganti kata https://www.facebook.com/alsepriadhadengan nama id facebook anda.

6. Kemudian cari kode  <div class=comments id=comments> kalau ada dua , maka kode di bawah ini letakan di bawah kode <div class=comments id=comments> dua dua nya .


<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=400/>
</b:if>
</div>
<div class=comments comments-page id=blogger-comments-page>
Perhatikan tulisan yang saya kasih warna hijau
Angka 2 adalah untuk menampilkan komentar dan anda bisa mengubah nya.
Angka
400 adalah lebar kotak komentar facebook dan anda juga bisa mengubah nya .

7. Selanjutnya Save.

Jangan lupa Like dan Comentnya...

Sekian tutorial Cara Mem buat Komentar Facebook di Samping Komentar Blog.


    

Go to link Download