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 berbagi 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, sebab kita sanggup 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 supaya 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 email 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 dapat 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 pribadi saja kita simak bersama.

Cara Memasang Kotak Komentar Facebook di Blog.

1. Masuk ke akun blogger anda.

2. Pergi ke menu 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 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 tulisan yang berwarna merah dengan id facebook anda. Kalian bisa 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 blog anda sudah sanggup mendukung fitur responsive. Cara ini juga didukung untuk yang memakai 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, copy dan paste kode diatas tepat berada di atas kode </head>

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

Jika kalian mempunyai lebih dari 1 instruksi, kalian bisa mencobanya satu per satu.

Kalian bisa melihat kode script FB komentnya seperti 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 dilema, hapus saja semua instruksi yang ada pada blog anda, kemudian copy dan pastekan aba-aba script yang saya berikan. Semoga berhasil ^-^

Cara Menghapus Kotak Komentar Facebook di Blog

1. Silahkan kalian bisa mencari kode dibawah ini, biar pencarian lebih simpel kalian sanggup 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 instruksi diatas. Silahkan kalian hapus isyarat diatas dan klik simpan template.

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