Di blogger cara memasang komentar facebook dan blogger

Gezotspeed.com - Di blogger Cara mudah dan sederhana memasang  komentar facebook dan blogger di blog, untuk pembahasan kali ini saya akan memberikan saran sedikit terlebih dahulu tentang pengalaman saya sebagai pengunjung blog, menurut saya sebenarnya ini peranan sangat penting bagi anda yang mengelola sebuah blog bisnis pormosi dan sejenis nya, misalnya blog yang anda kelola saat ini blog toko online dan yang anda inginkan dari setiap pengunjung blog  toko anda banyak yang berkomentar atau diskusi di setiap artikel / barang yang anda jual untuk mendapatkan poin tambah dan menambah daya tarik toko anda, maka dari itu sangat di sarankan memasang komentar facebook dan blogger  di blog, karena dengan ada nya 2 koomentar facebook dan blogger sebagian besar pengunjung facebook yang tidak memiliki akun blogger akan mempunyai kesempatan berkomentar.



Berikut adalah langkah langkahnya, cara sederhana memasang komentar facebook dan blogger.

1. Login terlebih dahulu di blog yang anda kelola, pilih tema klik edit HTML gunakan CTRL + F untuk mencari kode di bawah ini
Cari ]]></b:skin> atau </style>
2. Salin kode di bawah ini tempel di bagaian atas ]]></b:skin> atau </style>
/* Komentar Facebook dan Blogger */
.komentargabungan-page,.komentargabungan-tab{display:inline-block;background:#fafafa;color:#fff;float:left;margin:0 10px 0 0;cursor:pointer;font-weight:bold;position:relative;font-size:110%;z-index:10}
.komentargabungan-page{background:rgba(255,255,255,1);width:100%;max-width:100%;margin:0 0 20px}
#blogger-comments-page h4{display:none}
#blogger-comments-page p{color:#444;}
#blogger-comments-page {padding:0px 5px;display:none;}
.komentargabungan-tab{background:#3b5998;padding:12px;transition:all .3s;}
.komentargabungan-tab:nth-child(2) {background:#fda753;transition:all .3s;}
.komentargabungan-tab:hover:nth-child(2) {background:#e1954a;}
.komentargabungan-tab-icon {height:14px;width:auto;margin:0 3px}
.komentargabungan-tab:hover{background-color:#324c82;}
.inactive-select-tab {background:#aaa}
.inactive-select-tab,.komentargabungan-tab:hover {background-color:#324c82;}
3. jika sudah di terapkan langkah selanjutnya salin cari kode di bawah ini
</body>
4. Salin kode di bawah ini kemudiamn tempel di atas bagian </body>
<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize",function(){var o=location.protocol+"//"+location.host+location.pathname,t=$("#container-commentfb").width();$("#container-commentfb").html('<div class="fb-comments" data-href="'+o+'" width="'+t+'" data-num-posts="10"></div>'),FB.XFBML.parse()});
//]]>
</script>
5. Untuk langkah yang terakhir cari kode seperti di bawah ini biasanya di dalam tema ada 2 kode seperti di bawah ini
<div class='comments' id='comments'>
Lalu salin kode di bawah ini tempel di semua bagian bawah <div class='comments' id='comments'>
<div class='komentargabungan-tab' id='fb-comments' onclick='javascript: commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'>
<fb:comments-count expr:href='data:post.url'/> Komentar Facebook</div>
<div class='komentargabungan-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'>
<data:post.numComments/> Komentar Blogger</div>
<div class='clear'/>
</div>
<div class='komentargabungan-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if></div>
<div class='comments komentargabungan-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script type='text/javascript'>
function commentToggle(selectTab) {$(&quot;.komentargabungan-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.komentargabungan-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}
</script>
6. Klik simpan tema lalu lihat hasil nya

Sangat mudahkan cara memasang komentar facebook dan blogger dangan ada nya komentar facebook dan blogger sehingga pengunjung blog bisa menentukan berkomentar dengan facebook atau berkomentar dengan blogger tidak hanya itu saja dengan ada nya 2 versi komentar facebook dan blogger pengunjung jadi lebih mudah untuk berkomentar terkadang dari setiap pengunjung blog belum tentu memiliki akun gmail melainkan yang di miliki hanya akun facebook. karena dengan ada nya pilihan komentar facebook dan blogger pengunjung bisa leluasa memilh berkomentar dengan akun yang mereka miliki. demikian akhir pembahasan artikel di blogger cara memasang komentar facebook dan blogger.

Baca Juga

Load comments

Comments