Breaking News
Loading...
March 7, 2013

Cara Membuat Komentar Blog dan Facebook Berdampingan

5:51 AM

Cara Membuat Komentar Blog dan Facebook Berdampingan
Cara Membuat Komentar Blog dan Facebook Berdampingan - Pengunjung blog tidak hanya berasal dari para blogger bahkan pengunjung blog datangnya dari berbagai kalangan, misalnya pelajar, mahasiswa, ibu rumah tangga. Dan tidak semua pelajar mempunyai website/blog, jadi misalnya mereka akan menyempatkan berkomentar, mereka dapat memilih kotak komentar facebook sebagai alternatif untuk berkomentar. Kalau blogger umumnya berkomentar di kotak komentar blogger. Nah untuk itulah perlu dipasang 2 buah form komentar blog yaitu memasang kotak komentar facebook dan blog saling berdampingan. Nah anda nantinya bisa memasang 3 buah kotak komentar di blog yaitu komentar facebook, komentar blog dan komentar twitter saling berdampingan juga.

Cara Membuat Komentar Blog dan Facebook Berdampingan

Membuat form komentar facebook secara otomatis juga sebagai promosi blog, karena apabila ada pengunjung berkomentar pada kotak komentar facebook maka di facebook ada pemberitahuan (gambar dunia) bahwa pengunjung tersebut sudah mengisi kotak komentar facebook di blog anda. Ok sekarang simak dengan teliti dan lihat berulang kali bagaimana cara pasang komentar facebook dan komentar blogger saling berdampingan yang Blogger Bondowoso sajikan dibawah ini.

Cara Membuat Komentar Facebook Dan Blogger Berdampingan :

1. Login ke blogger anda
2. Pilih Templates => Edit HTML
3. Backup dulu template
4. Centang pada Expand Template Widget
5. Tekan F3, cari kode ]]></b:skin> lalu letakkan kode berikut diatasnya

.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. Berikutnya cari kode </head> lalu letakkan kode berikut diatasnya

<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' 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>

Keterangan :
Silahka ganti ID facebook dengan ID facebook anda, contoh : https://www.facebook.com/nama anda

7. Cari lagi kode <div class='comments' id='comments'> dan letakkan kode berikut dibawahnya

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

Keterangan :
- Angka 5 adalah jumlah komentar facebook
- Angka 400 adalah lebar kotak komentar facebook

Penting :
- Kalau didalam templat anda ditemukan 2 (dua) kode <div class='comments' id='comments'> maka copy kode diatas di kedua-duanya yaitu kode yang ke 1 dan kode yang ke 2.

- Setelah anda mengcopy kode diatas pada kode yang ke 2, dan ditemukan 2 buah kode yang sama yaitu kode <div class='comments comments-page' id='blogger-comments-page'> maka hapus salah satunya.

8. Selesai, simpan template

Simak juga postingan cara membuat komentar facebook, blogger dan twitter berdampingan.

Agak rumit ya sob? gak juga kok jika anda mengikuti dengan lebih teliti pasti akan berhasil. Ok selamat membuat kotak komentar blog dan facebook saling berdampingan, semoga berhasil.

Cara Membuat Komentar Blog dan Facebook Berdampingan
Share:

0 comments:

Post a Comment

 
Toggle Footer