Cara Menghapus dan Memasang Kotak Komentar Facebook di Blog

Cara Menghapus 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 mengembangkan 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, karena kita bisa mengatur dan menghapus kotak komentar facebook sesuai dengan keinginan kita.

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

Pada kotak komentar bawaan blogger, kalian akan bisa tahu siapa yang sudah berkomentar pada artikel postingan kita dengan adanya pemberitahuan melalui email yang kita dapatkan melalui Gmail, kita juga bisa 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 langsung 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 jika blog anda sudah bisa 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, 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 memiliki lebih dari 1 kode, kalian bisa mencobanya satu per satu.

Kalian bisa melihat kode script FB komentnya seperti gambar dibawah ini.

<b:if cond="data:blog.pageType == &quot;item&quot;">
<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 bingung atau mengalami masalah, hapus saja semua kode yang ada pada blog anda, lalu copy dan pastekan kode script yang saya berikan. Semoga berhasil ^-^

Cara Menghapus Kotak Komentar Facebook di Blog

1. Silahkan kalian bisa mencari kode dibawah ini, agar pencarian lebih mudah kalian bisa menggunakan (CTRL + F).

 <!-- komentar facebook -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 blog anda ^-^.

Baca juga:

Cukup sekian untuk artikel Cara Memasang Kotak Komentar Facebook Keren di Blog. Semoga bermanfaat dan berguna. Jangan lupa untuk mengshare postingan ini dan jangan juga lupa untuk berlangganan dengan kami hanya dengan submit via email.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel