masih dalam bagaimana cara menghias dan memperindah serta menambah kenyamanan blogger dan pengunnjung. sudah kita bahas bagaimana caranya lewat posting perposting. dan posting ini kita akan membahas tentang bagaimana cara memasang otak komentar khusus facebook berdampingan dengan komentar blogger.
cara memasang kotak komentar facebook berdampinganl |
maka dari itu. kita bisa menambahkan facebook komentar di blog kita. dan ia berdampingan dengan kotak komentar blogger. serta dengan cara menambahkan kotak komentar ini membuat pengunjung secara ramai bila ia menceklis kirim ke profil. kemudian teman dari media sosialnya melihat serta mengunjungi halaman blog anda. otomatis ini bisa jadi salah satu cara untuk meningkatkan trafik pengunjung anda.
TRUS. BAGAIMANA CARANYA ?
Ini dia caranya menambahkan kotak komentar facebook ke blogger.
yuuk kita ikuti step by step.
1. Langkah pertama kita buka Akun blogger kita
2. Langsung di buka edit Temlplate > HTML
3. Cari Kode Seperti Ini <div class='comments' id='comments'>
4. Paste kan kode seperti ini tepat dibawah kode nomor 3
<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='550'/></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='IDFANPAGEFACEBOOK' 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. Simpan dan selesai. kemudian anda check dan priview langsung di tkp. serta dicoba ok.
*KETERANGAN :
1. Apabila anda menemukan banyak kode <div class='comments' id='comments'> anda bisa memilih diantaranya. dan anda bisa bereksperimen dengan template HTML anda
1. kode biru yang bertuliskan IDFANSPAGEFACEBOOK diganti dengan ID Fans page FB milik anda. atau apabila anda tidak memilikinya anda bisa menggantinya dengan ID Profil Facebook anda.
2. Apabila anda bingung maka lihat disini cara melihat ID Facebook Profile.
DITULIS OLEH Mashudi
Jika mengutip harap berikan link yang menuju ke artikel cara memasang kotak komentar facebook berdampingan ini. Jika artikel ini bermanfaat, ajak kawan mu untuk ambil manfaatnya. Terima kasih atas perhatiannya, baca juga yang lainnya yah.