Cara Menghapus Dan Memasang Kotak Komentar Facebook Di Blog

Cara Menghapus dan Memasang Kotak Komentar Facebook di Blog

Cara Menghapus dan Memasang Kotak Komentar Facebook di Blog - Saat ini, perkembangan facebook semakin lama semakin pesat, facebook telah menyebarkan aplikasinya dengan sudah memasang kotak komentar facebook pada situs-situs atau website tertentu yang ingin mereka pasangkan kotak komentar facebook.

Bagi seorang blogger, mungkin memasang atau ingin menghapus kotak komentar facebook perlu untuk diketahui, alasannya ialah kita mampu mengatur dan menghapus kotak komentar facebook sesuai dengan harapan kita.

Kotak komentar facebook juga mampu membantu pengunjung untuk lebih praktis berinteraksi setelah mereka membaca isi postingan kita. Komentar facebook ini berbeda dengan komentar blogger yang sudah disediakan memang untuk pengunjung biar mampu berkomentar pada isi artikel.

Pada kotak komentar bawaan blogger, kalian akan mampu tahu siapa yang sudah berkomentar pada artikel postingan kita dengan adanya pemberitahuan melalui electronic mail yang kita dapatkan melalui Gmail, kita juga mampu mengendalikan penuh kotak komentar bawaan blogger dengan sesuka hati kita. Tapi, pada kotak komentar facebook, kita tidak mampu mengetahui pemberitahuan siapa saja yang sudah berkomentar pada artikel kita.

Maka dari itu, saya disini akan membagikan Cara Memasang Kotak Komentar Facebook di Blog. Nah langsung saja kita simak bersama.

Cara Memasang Kotak Komentar Facebook di Blog.

1. Masuk ke akun blogger anda.

2. Pergi ke sajian Template => Edit Html.

3. Untul lebih memudahkan pencarian kode script gunakan (CTRL + F).

4. Cari kode <div class='comments' id='comments'> menggunakan CTRL + F.

5. Lalu letakkan kode script dibawah ini tepat dibawah kode <div class='comments' id='comments'>

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made amongst 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("#blogger-comments");' 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 == "item"'>

<div id='fb-root'/>

<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>

</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='ID FACEBOOK' property='fb:admins'/>

<script type='text/javascript'>

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

6. Silahkan Ganti ukiran pena yang berwarna merah dengan id facebook anda. Kalian mampu mencari facebook id anda disini "ID FACEBOOK ANDA".

Cara Memasang Kotak Komentar Facebook Responsive di Blog.

Disini saya juga akan membagikan kepada anda kotak komentar facebook yang reponsive. Cara ini cocok sekali untuk digunakan kalau weblog anda sudah mampu mendukung fitur responsive. Cara ini juga didukung untuk yang menggunakan template yang sudah responsive atau memiliki fitur resposive. Nah langsung saja kita simak bersama.

Yang perlu anda lakukan hanya menambahkan kode script yang saya berikan dibawah ini.

<script type="text/javascript">

//<![CDATA[

$(window).bind("load resize", function(){

var url = location.protocol+'//'+location.host+location.pathname;

var containercm_width = $('#container-commentfb').width();

$('#container-commentfb').html('<div class="fb-comments" ' +

'data-href="'+url+'"' +

' width="' + containercm_width + '" data-num-posts="10"></div>');

FB.XFBML.parse( );

});

//]]>

</script>

Kemudian, re-create dan glue kode diatas tepat berada di atas kode </head>

Selanjutnya yang perlu anda lakukan ialah memasang kode html. Lalu letakkan kode berikut ini dibawah kode related postnya. Jika kalian resah dengan cara ini, kalian mampu mencari kode <div class='comments' id='comments'>

Jika kalian memiliki lebih dari 1 kode, kalian mampu mencobanya satu per satu.

Kalian mampu melihat kode script FB komentnya ibarat gambar dibawah ini.

<b:if cond="data:blog.pageType == "item"">

<h4>Post Comment</h4>

<div id='fb-root'/>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<div id='container-commentfb' style='width: 100%'><fb:comments expr:href='data:post.url' num_posts='5' width='500'/></div>

</b:if>

Jika kalian masih resah atau mengalami masalah, hapus saja semua kode yang ada pada weblog anda, kemudian re-create dan pastekan kode script yang saya berikan. Semoga berhasil ^-^

Cara Menghapus Kotak Komentar Facebook di Blog

1. Silahkan kalian mampu mencari kode dibawah ini, biar pencarian lebih praktis kalian mampu menggunakan (CTRL + F).

<b:if cond='data:blog.pageType == "item"'>

<div class='fbbox-comments' style='width:100%;margin-top:20px'>

<div class='fb-comments' data-num-posts='2' data-width='680' expr:data-href='data:blog.url'/>

</div>

</b:if>

2. Setelah kalian sudah menemukan kode diatas. Silahkan kalian hapus kode diatas dan klik simpan template.

3. Dan lihat perubahan yang ada di weblog anda ^-^.

Cara Menghapus Dan Memasang Kotak Komentar Facebook Di Blog

Belum ada Komentar untuk "Cara Menghapus Dan Memasang Kotak Komentar Facebook Di Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel