-->
MASIGNCLEAN101

Cara Menghapus dan Memasang Kotak Komentar Facebook di Blog

Bantu Klik Subscribe Teman-teman!
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>


5. 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.
Bantu Klik Subscribe Teman-teman!
Share This :

iWasOtaku

Seorang Blogger Yang Menyukai Hal Tentang Budaya Jepang

avatar

Kotak komentar facebook emang cocok buat blog berita gan... sipp mantabz

November 16, 2016 at 9:04 AM
avatar

ini nih yang ane cari.. thx gan

November 16, 2016 at 9:19 AM
avatar

Kotak komentar facebook bukannya nambah lemot blog ya min? tpi nice info lah :D

November 26, 2016 at 10:10 AM
avatar

Bisa muncul pada tampilan mode mobile ngga nih gan??

November 26, 2016 at 10:24 AM
avatar

mantap, ini yang saya cari-cari bang, menghapus kotak komentar fb di blog. sip lah maju terus bang !!!

May 6, 2017 at 7:42 AM
Syarat & Ketentuan Berkomentar

1. Jangan cantukan link mati maupun hidup
2. Gunakan bahasa yang dapat dimengerti
3. Jangan spam link
4. Koment yang relevan sesuai dengan topik yang di bahas
5. Jangan copy psate artikel, jika ingin dihargai maka hargailah orang