Blog berisi artikel tutorial servis computer, Tips trik masalah komputer, tutorial blog, bisnis online, dan internet solutions.


Selasa, 25 Maret 2014

Cara Baru Cepat Membuat Komentar Facebook Di Blog

Membuat komentar facebook di blog bisa dibilang sangatlah penting. Facebook merupakan salah satu jejaring sosial yang banyak sekali penggunannya dan tersebar di seluruh penjuru dunia. Mulai dari remaja, dewasa, dan sampai orang tua sekarang ini hampir semuanya memiliki akun facebook. Bukan hanya itu saja, satu orang bisa memiliki 2-3 akun facebook yang ia aktifkan.

Kondisi ini tentu dapat dimanfaatkan oleh seorang blogger untuk menjaring visitor yang lebih banyak lagi. Kenapa begitu, ini karena dengan berbagi tautan link artikel di blog kita kedalam facebook yang dilakukan oleh pengunjung blog maka secara otomatis link artikel kita akan dilihat oleh teman mereka dan banyak orang lainya. Dan dari mereka itulah yang nantinya kita harapkan mengunjungi blog kita lewat link yang di share teman tadi.

Salah satu cara optimasi facebook di blog kita selain dengan fanpage dan tombol like box, yaitu dengan memasang komentar facebook di blog kita. Dengan begitu pengguna facebook yang komentar di blog kita akan secara otomatis mensharenya di akun facebooknya.

Gambar cara cepat dan mudah membuat komentar facebook di blog

Untuk membuat komentar facebook di blog caranya cukup mudah dan cepat kita lakukan yaitu:

  1. Pertama silahkan Login ke Dashboard Blogger Anda.
  2. Silahkan  Pilih Menu Dropdown » Template » Edit HTML
  3. Setelah itu Cari Kode ]]></b:skin> ( cara cepat mencari kode di edit HTML yaitu dengan tekan Ctrl + F, lalu copy dan pastekan kode di kotak yang muncul dan klik "Enter".
  4. Lalu, Copy dan Pastekan Kode dibawah ini di atas Kode ]]></b:skin> , ingat pastekan diatas kode jangan dibawahnya.
.comments-page {
background-color: #ffffff;
}
#blogger-comments-page {
padding: 0px 5px;
display: none;
}
.comments-tab {
float: left;
padding: 5px;
margin-right: 3px;
cursor: pointer;
background-color: #dddddd;
}
.comments-tab-icon {
height: 14px;
width: auto;
margin-right: 3px;
}
.comments-tab:hover {
background-color: #eeeeee;
}
.inactive-select-tab{
background-color: #d1d1d1;
}

5. Selanjutnya silahkan  Cari Kode </head>
6. Kemudian, Copy dan Pastekan Kode dibawah ini di atas Kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<meta content='Id Facebook' property='fb:admins'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<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>

7. Langkah selanjutnya Ganti Tulisan ID Facebook  dengan ID Facebook anda.

8.  lalu Cari Kode dengan cara tekan Ctrl + F <div class='comments' id='comments'>

9. Kemudian, Copy dan Pastekan Kode dibawah ini di Atas Kode <div class='comments' id='comments'>  (kode ini biasanya ada 2 atau lebih di template sobat, biasanya penaruhan ada di kode yang pertama. Atau jika masih belum bisa silahkan dipindah letaknya diatas kode yang kedua ).

<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://3.bp.blogspot.com/-WZ3HXEOuQK8/UeevfzaA7gI/AAAAAAAAA_s/xSccVvuGQNw/s1600/facebook+comments+vipergoy.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 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='500'/>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>
 </div>

Keterangan : Anka 5 merupakan jumlah komentar nanti yang akan tampil, sedangkan angka 500 merupakan lebar box komentar. Anda bisa merubahnya sesuai keinginan.

10. Terahir Klik simpan/save

Silahkan di cek postingan Anda. Jika langkah yang Anda lakukan benar maka akan muncul komentar facebook di blog Anda yang berdampingan dengan komentar blogger sobat. Terimakasih sudah berkunjung di blog Blogger Beken ini, dan semoga artikel disini dapat bermanfaat.

Previous
Next Post »