Membuat Kotak Komentar Facebook Dan Blogger

Comment , Tips Google Plus    Comment   

Mungkin kau pernah menemui blog yang kotak komentarnya pakai facebook dan blogger. Nah, kini kita akan mencar ilmu membuat kotak komentar dan blogger jadi satu dalam bentuk tab. Tab komentar facebook berdampingan dengan kotak komentar dari bawaan blog, yaitu blogspot atau blogger.com

Dulu, kita telah mencar ilmu bersama untuk menciptakan kotak komentar blog hanya dengan menggunakan kotak komentar dari facebook. Salah satu manfaat memakai kotak komentar facebook yakni percakapan perihal blog tidak hanya sebatas di blog tapi dapat juga di bawa ke laman facebook, sehingga semakin gampang blog kita menyebar di facebook.

Dengan menciptakan pilihan kotak komentar, akan dapat lebih memudahkan pengunjung blog untuk menunjukkan jawaban terhadap postingan blog. Karena tidak semua orang punya akun blogger ataupun blog. Tetapi hampir semua orang punya akun facebook, dengan demikian pembaca akan lebih gampang meninggalkan komentar.

Cara Membuat Komentar Facebook dan Blogger
1. Login ke akun blogger.com
2. Pilih Template lalu Edit HTML
3. Tekan Ctrl F dan cari arahan ]]></b:skin>
4. Taruh arahan berikut di atas ]]></b:skin>

.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;}

5. Kemudian cari arahan </head>
6. Taruh arahan berikut di atas arahan di atas arahan </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='IDfacebook' 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>

7. Ganti IDfacebook dengan ID sendiri (facebook.com/IDfacebook)
8. Kemudian cari arahan <div class='comments' id='comments'>
9. Kamu akan menemukan 2 arahan yang sama. Letakkan arahan di bawah ini sempurna di bawah 2 kode tersebut

 <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' 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(&quot;#blogger-comments&quot;);' 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 == &quot;item&quot;'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>

10. 5 yakni banyaknya komentar yang ditampilkan dan 450 yakni lebar kotak komentar facebook.
11. Simpan Template jikalau sudah selesai.

Kabar terbaru dari blogspot adalah, kini blogger dapat mengaktifkan atau mengganti komentar bawaan dengan kotak komentar Google+. Semakin banyak pilihan kotak komentar yang dapat dipakai, alasannya yakni sebuah blog sejatinya yakni komunikasi dua arah, bukan hanya konten tetapi juga percakapan (komentar).
Sumber https://www.kurniasepta.com/