Cara Memasang Kotak Komentar Facebook Di Blog

Hahihuheho - Kali ini saya akan membagikan sebuah Tutorial Blog.
Yaitu Cara Memasang Kotak Komentar Facebook Di Blog.

Tapi sebelum kepermasalahan, untuk sekedar informasi bahwa Tutorial terbaru dari blog ini adalah
Cara Membuat Link Bergoyang Di Blog.
Dan untuk Tutorial Blog lainnya bisa dilihat disini.

Langsung saja!

Bagi sobat yang mau memasangnya diblog, silahkan ikuti langkah langkah dibwah ini..!


Cara Memasang Kotak Komentar Facebook Di Blog.

1. Masuk keakun blog sobat
2. Pilih Template --> Edit HTML
3. Cari kode  <div class='comments' id='comments'> dan letakkan kode dibawah ini tepat dibawah 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='400'/></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='ID Facebook Sobat ' 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>

Keterangan :

• Jika terdapat 2 kode  <div class='comments' id='comments'> , pilih kode yang kedua.
• Ganti ID FB Sobat dengan URL/ID Facebook Sobat. 

4. Simpan!  

loading...