Banner 468 x 60

Loading...

Membuat Kolom Komentar Facebook Berdampingan dengan Komentar Blogger

Advertisement


Membuat Kolom Komentar Facebook Berdampingan dengan Komentar Blogger - Banya alasan mengapa kita harus Membuat Kolom Komentar Facebook Berdampingan dengan Komentar Blogger di blog kita, karena selain mengangkat traffic blog, juga mempermudah bagi facebooker untuk memberikan komentar yang menurut Arminaven kebanyakan blogger masih menggunakan verifikasi kata saat akan berkomentar di blogger dengan alasan menghindari spam. Beda halnya dengan komentar facebooker. Hal itu tidak diperlukan.
 







Arminaven ingin memberikan kemudahan kepada pengunjung blog ini dengan memberikan fitur komentar lewat facebook. Dan Arminaven ingin berbagi ilmu blogging ini. Jika anda sudah tau cara ini, silakan tinggalkan tulisan ini dan cari pengetahuan baru di internet, tapi jangan lupa baca baca artikel TEKNISI KOMPUTER yang bisa sobat baca DISINI
Arminaven mencoba berbagai panduan yang dipaparkan oleh blogger, tapi kebetulan berhasil lewat tips yang diberikan oleh BOYTRIKS. Berikut ini langkah langkah yang perlu dilakukan.



1. Login ke account blogger

2. klik menu Template

 

3. lalu pilih Edit html

   

4. lalu carilha kode  ]]></b:skin> (tekan ctrl+f untuk mempermudah pencarian)

5. copy kode dibawah ini dan letakan di atas kode ]]></b:skin> jangan sampai ada  yang ketinggalan yaa

.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;}
6. Lanjut cari kode  </head> cara biar mudah sama seperti nomor 5
7. copy dan pastekan kode dibawah ini dan letakan 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='ID FB' 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>
8.  ID FB diganti dengan alamat atau url  profil facebook sobat.
    misal : https://www.facebook.com/arminaven
9. langkah yang terakhir cari kode <div class='comments' id='comments'> hasil
    pencarian pasti ada 2 kode seperti ini, sobat copy kode di bawah ini dan
    letakan dibawah 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='2' width='600'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>
10. Teks merah yang bertuliskan 600 adalah lebar kotak komentar yang akan
     dibuat, bisa anda ganti dan sesuaikan dengan lebar blog sobat Arminaven.
11. kemudian Simpan template


Silahkan dicoba, semog berhasil

SUMBER

Advertisement

0 Response to "Membuat Kolom Komentar Facebook Berdampingan dengan Komentar Blogger"

  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Membuat Kolom Komentar Facebook Berdampingan dengan Komentar Blogger" ini bermanfaat, share ke jejaring sosial.
Konversi Kode