Home » » Cara Membuat atau Menambahkan Kotak Komentar Facebook Di Blog

Cara Membuat atau Menambahkan Kotak Komentar Facebook Di Blog

Cara Menambahkan Kotak Komentar Facebook Di Blog. Cara Memasang Kotak Komentar Facebook di Blog.

Kotak Komentar Facebook

Kotak Komentar Facebook. Bila kita sering berkunjung ke website atau blog yang sudah terbilang besar, kotak komentar facebook lebih banyak digunakan bila dibandingkan dengan kotak komentar yang biasa disediakan oleh blogger atau wordpress atau yang lainnya. Isu mengatakan bahwa kotak komentar facebook blog sangat bagus untuk konteks SEO. Dikarenakan pengunjung yang memberikan komentar pada blog kita langsung share ke facebook. Dan secara tidak langsung promosi blog berjalan ke akun facebook yang mereka miliki. Itulah alasannya kotak komentar facebook ini lebih sering digunakan oleh website atau situs besar.

Sebelum kita membuat kotak komentar facebook di blog yang kita punya, hal terpenting yang kita miliki adalah APP ID Facebook. Nah cara untuk mendapatkan APP ID Facebook ini, silakan anda lihat di miniblogger28. APP ID Facebook yang kita dapatkan adalah berupa angka-angka. Simpan angka-angka tersebut untuk pembuatan kotak komentar facebook yang di artikel ini tidak terlalu rumit dan tidak terlalu banyak langkah-langkah yang harus kita lakukan. Silakan perhatikan langkah-langkahnya di bawah ini.

1. Masuk ke akun blogger yang anda punya.
2. Pada Dasbor klik Template lalu Edit HTML.
3. Cari kode <div class='comments' id='comments'>. Setelah itu Copy kode dibawah ini dan pastekan tepat dibawah kode tersebut.

<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'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='APP 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><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 :
APP ID Facebook = Tukar dengan APP ID  Facebook yang anda punya.
width='600' = Silakan disesuaikan dengan ukuran yang diinginkan.

4. Klik Simpan. Lalu silakan buka salah satu artikel blog yang ada. Lihat tampilan Kotak komentar yang sudah hadir pada halaman artikel yang anda punya.

Cukup mudah bukan..? Tidak perlu terlalu banyak kode dan terlalu banyak pencarian di Edit HTM untuk meletakkan kode pembuatan kotak komentar facebook ini.


3 komentar:

  1. Jadi, ada banyak cara ya untuk membuat komentar facebook ?

    ReplyDelete
  2. Maaf untuk Sdr. Charli Paul komentarnya dihapus.. Silakan gunakan sarana Layanan Review di blog ini untuk promosi usaha yang anda miliki.

    ReplyDelete

* Komentarlah yang sopan dan tidak mengandung sarah.
* Jangan gunakan Kotak Komentar dengan promosi produk serta usaha yang anda miliki. Silakan gunakan sarana Review Produk dan Jasa di blog ini. Maaf, akan dihapus.
* Terima kasih atas kunjungan, komentar dan partisipasi yang diberikan.

.