Cara membuat komentar Facebook dan Blogger berdampingan ini gunanya untuk memudahkan visitor berkomentar di konten yang ada di blog. Mereka bisa berkomentar memakai akun Facebook atau akun blogger.
Nantinya kolom komentar dan facebook dan blogger akan berdampingan, visitor tinggal klik aja mau komentar pakai facebook atau komentar pakai blogger. Contohnya seperti yang ada di blog ini.
Cara Membuat Komentar Facebook dan Blogger Berdampingan
Cara membuat komentar FB dan Blogger berdampingan cukup sederhana, ikuti langkah-langkah berikut ini:
- Login ke blogger
- Masuk ke Template, kemudian klik Edit HTML
- Cari kode ]]></b:skin>
- Copy kode di bawah ini dan paste di atas kode ]]></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;}
- Cari kode </head>
- Copy kode di bawah ini dan paste di atas kode </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>
- Ganti IDFACEBOOK dengan ID Facebook kamu
- Cari kode <div class='comments' id='comments'>
- Copy kode di bawah ini dan paste di bawah 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='9' width='666'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>
- Angka 9 (warna biru) adalah banyaknya komentar yang ditampilkan
- Angka 666 (warna biru) adalah lebar kotak komentar facebook, atur sesuai lebar blogmu
- Simpan template dan lihat hasilnya
Sekian cara membuat komentar facebook dan blogger berdampingan. Jangan sampai deh hari gini blogmu masih mengandalkan satu login komentar.
Belum ada tanggapan untuk "Cara Membuat Komentar Facebook dan Blogger Berdampingan"
Post a Comment
Berkomentar memakai akun Blogger akan lebih cepat ditanggapi, berkomentar memakai akun Facebook tergantung radar :D Terima kasih telah berkomentar