Membuat Kolom Komentar Facebook Di Blogspot

Mungkin kalian sering lihat di blog atau website yang kolom komentarnya menggunakan via facebook, tertarik ? ingin membuat seperti itu juga di blog kalian ?

Sangat sederhana dan mudah sebenarnya, kalian tinggal mengoprek sedikit di bagian HTML template nya, dan untuk mempermudah dalam pengeditan saya sarankan kalian menggunakan kolom pencarian yaitu dengan men klik tombol Ctrl + F pada keyoard kalian.

Setelah itu cobalah cari kode ]]></b:skin> dan jika sudah ketemu maka pasanglah kode berikut di tepat 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;}

Setelah itu cobalah cari kode </head> lalu letakan kode berikut di atas 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='IDfacebook' 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>

Gantilah IDfacebook dengan ID kalian, misalnya http://facebook.com/webnank
Setelah itu carilah kode  <div class='comments' id='comments'> dan kalian akan menemuka 2 kode , lalu letakan kode berikut di 2 kode yang kalian temukan tadi

<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='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

5 = Jumlah per page komentar yang akan di munculkan
450 = lebar dari kolom komentar
 

Terima kasih sudah menyempatkan waktu untuk membaca artikel Membuat Kolom Komentar Facebook Di Blogspot. Jika terdapat link error silahkan langsung hubungi saya di menu Contact supaya bisa langsung di perbaiki dan jangan lupa tinggalkan komentar kamu setelah selesai membaca artikel ini. Salam Admin

Ditulis oleh: Unknown - Saturday, 14 December 2013