Selamat Datang Di Blog Bisnis Online Terpercaya www.maslukis.com


Rabu, 25 Mei 2016

Tips Memasang Komentar Facebook di Blog Dengan Mudah

Beginilah sobat Cara Membuat Sekaligus Memasang Komentar Facebook di Template Blogger Dengan Mudah - Bagaimana sih cara pasang Facebook Comment Box di Template Blog kita ? kemaren sahabat newbie saya bertanya gitu , kali ini saya akan menjawabnya sekaligus meng-sharenya kepada anda .

Dengan memasang form komentar facebook di blog , maka dapat mempermudah pengunjung untuk berkomentar di blog anda , karena seperti yang kita tahu , tidak semua pengguna internet memiliki akun google plus , diskus dan lain - lain . selain itu komentar facebook tidak menyebabkan spam meskipun banyak orang yang menaruh link hidup / mati serta bagi yang ingin berpromsi di blog kita tidak ada efeknya bagi blog kita . karena komentar facebook bersifat nofollow

Tips Memasang Komentar Facebook di Blog Dengan Mudah

Panduan Cara Memasang Komentar Facebook di Bawah Postingan Blog

  1. Pertama , seperti biasanya yaitu masuk ke halaman editor template [ edit html ] 
  2. Kemudian Cari kode (CTRL+F) ini  <div class='comments' id='comments'>
  3. Selanjutnya letakkan kode di bawah 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 KAMU' 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>
  4. Terkahir Simpan Template dan Lihat hasilnya
    Tips Memasang Komentar Facebook di Blog Dengan Mudah
Nah Giamana , seperti yang saya bilang tadi sangat mudahkan buat dan sekaligus pasang komentar facebook dibawah postingan template blog anda ? hehheheh , jika ada kesulitan silahkan tanya ya , demikian semoga tutorial pasang komentar fb di blog ini bermanfaat bagi anda.


Baca Juga:

Comments
0 Comments
 
Copyright © 2018. Info Hari Ini . All Rights Reserved
Jl. Delta Raya Utara Kav. 49 - 51 Deltasari Baru, Sidoarjo, Jawa Timur, Indonesia 61256
PT. Bimasakti Multi Sinergi