Cara Buat Komentar FB Di Blog

Cara membuat komentar facebook berdampingan dengan komentar, berikut petunjuk cara pemasangan di blog sobat. 

Sebelum melanjutkan  mengenai cara membuat kolom komentar Facebook di blog ini, sedikit perlu saya jelaskan manfaat adanya kolom komentar Facebook di blog yaitu akan meningkatkan jumlah pengunjung blog sobat melalui Facebook.  Karena setiap sobat berkomentar maka komentar sobat akan tampil di halaman beranda (biasanya ada di sidebar sebelah kanan Facebook) facebookers yang lain dan jika facebookers tersebut membaca update-an komentar sobat dan mengkilk tautan komentar tersebut maka secara langsung facebookers tersebut akan diarahkan ke blog sobat. Tapi ingat! kolom komentar Facebook di blog ini akan berfungsi maksimal jika yang berkomentar sedang dalam keadaan aktif dengan akun facebooknya atau tidak mencentang Post to Facebook yang ada didalam kolom komentar.

Membuat Komentar FB Berdampingan Dengan Komentar
1. Login ke account blogger sobat
2. klik menu Template
 
3. lalu pilih Edit html
 
4. Lalu sobat cari kode <div class='comments' id='comments'> menggunakan CTRL+F, Jika ada 2 kode <div class='comments' id='comments'>, pilihlah yang ke 2, selanjutnya sobat letakkan kode di bawah ini tepat di bawah kode <div class='comments' id='comments'> yang ke 2.

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

Catatan : Ganti kode '2' dengan jumlah postingan Facebook.
Catatan : Ganti kode '400' dengan lebar area postingan.

5. Lalu sobat cari  kode </head>, letakkan kode di bawah ini tepat 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='Software-Versi-Terbaru/354781704620774' 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>

Catatan: ganti kode "ID Facebook" dengan Id Facebook anda, misalkan http://facebook.com/farhanshare, berarti farhanshare ID Facebooknya.

6. Cari kode /* Comment atau #Comment, jika ada beberapa kode Comment pilihlah kode yang pertama, lalu sobat letakkan kode di bawah ini tepat di bawah kode /* Comment atau #Comment tadi yang pertama.

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;}

Savei dan lihat hasilnya semoga bermanfaat


Judul: Cara Buat Komentar FB Di Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh Arivo SE
Semoga Cara Buat Komentar FB Di Blog bermanfaat bagi sobat semua.

Tidak ada komentar:

Posting Komentar

 
.