IBX582A8B4EDEABB Cara Membuat Komentar Facebook dan Blogger Berdampingan | Info Absurditas Kata Cara Membuat Komentar Facebook dan Blogger Berdampingan - Info Absurditas Kata
Beranda · E-Mail Koran · Info Lomba · Kiat Menulis · Adsense · SEO Youtube · Jasa · Toko · Blog

Cara Membuat Komentar Facebook dan Blogger Berdampingan

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:
  1. Login ke blogger
  2. Masuk ke Template, kemudian klik Edit HTML 
  3. Cari kode ]]></b:skin>
  4. 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;}
  1. Cari kode </head>
  2. 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>
  1. Ganti IDFACEBOOK dengan ID Facebook kamu
  2. Cari kode <div class='comments' id='comments'>
  3. 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(&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='9' width='666'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>
  1. Angka 9 (warna biru) adalah banyaknya komentar yang ditampilkan 
  2. Angka 666 (warna biru) adalah lebar kotak komentar facebook, atur sesuai lebar blogmu
  3. Simpan template dan lihat hasilnya
komentar FB dan Blogger bersatu

Sekian cara membuat komentar facebook dan blogger berdampingan. Jangan sampai deh hari gini blogmu masih mengandalkan satu login komentar. 

Artikel keren lainnya:

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