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 usang semakin pesat, facebook telah membuatkan 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 yaitu kita sanggup mengatur dan menghapus kotak komentar facebook sesuai dengan harapan kita.

Kotak komentar facebook juga sanggup membantu pengunjung untuk lebih gampang berinteraksi sehabis mereka membaca isi postingan kita. Komentar facebook ini berbeda dengan komentar blogger yang sudah disediakan memang untuk pengunjung supaya sanggup berkomentar pada isi artikel.

Pada kotak komentar bawaan blogger, kalian akan sanggup tahu siapa yang sudah berkomentar pada artikel postingan kita dengan adanya pemberitahuan melalui email yang kita dapatkan melalui Gmail, kita juga sanggup mengendalikan penuh kotak komentar bawaan blogger dengan sesuka hati kita. Tapi, pada kotak komentar facebook, kita tidak sanggup 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 eksklusif 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 isyarat script gunakan (CTRL + F).

4. Cari isyarat <div class='comments' id='comments'> memakai CTRL + F.

5. Lalu letakkan isyarat script dibawah ini sempurna dibawah isyarat <div class='comments' id='comments'>

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

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>

6. Silahkan Ganti goresan pena yang berwarna merah dengan id facebook anda. Kalian sanggup 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 dipakai jikalau blog anda sudah sanggup mendukung fitur responsive. Cara ini juga didukung untuk yang memakai template yang sudah responsive atau mempunyai fitur resposive. Nah eksklusif saja kita simak bersama.

Yang perlu anda lakukan hanya menambahkan isyarat 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, copy dan paste isyarat diatas sempurna berada di atas isyarat </head>

Selanjutnya yang perlu anda lakukan yaitu memasang isyarat html. Lalu letakkan isyarat berikut ini dibawah isyarat related postnya. Jika kalian gundah dengan cara ini, kalian sanggup mencari isyarat <div class='comments' id='comments'>

Jika kalian mempunyai lebih dari 1 kode, kalian sanggup mencobanya satu per satu.

Kalian sanggup melihat isyarat script FB komentnya menyerupai 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 gundah atau mengalami masalah, hapus saja semua isyarat yang ada pada blog anda, kemudian copy dan pastekan isyarat script yang saya berikan. Semoga berhasil ^-^

Cara Menghapus Kotak Komentar Facebook di Blog

1. Silahkan kalian sanggup mencari isyarat dibawah ini, supaya pencarian lebih gampang kalian sanggup memakai (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 isyarat diatas. Silahkan kalian hapus isyarat diatas dan klik simpan template.

3. Dan lihat perubahan yang ada di blog 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