kali ini saya akan memberikan sedikit tips membuat komentar blog dan facebook bisa berdampingan pada blog sobat.pasti bagi yang sering blogging sudah tidak kaget lagi dengan tips ini,tapi jangan berbangga hati karena tips ini saya hanya berbagi kepada teman-teman blogger yang masih newbe aja..hehehehehe.
oke kenapa saya sangat merekomendasikan agar sobat blogger membuat komentar seperti ini,agar lebih mempermudah sobat dalam membalas komentar yang masuk pada artikel sobat,dan tidak perlu lagi repot-repot login ke akun google atau facebook karena sobat bisa menggunakan salah satu ataupun akun facebook maupun google untuk komen dengan catatan kedua akun tersebut sedang aktif.Oke kita langsung menuju pada tips nya dan bagaimana caranya langsung ke TKP:
- Login ke account blogger sobat
- Klik Template lalu Klik Edit HTML
- Untuk menjaga-jaga agar terjadi kesalahan di upayakan agar di download dulu Template
- Jika sudah masuk pada Edit HTML maka sobat cari kode ]]></b:skin> (gunakan ctrl + F agar mudah mencarinya
- Jika sudah ketemu letakan kode di bawah ini tepat 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;}
Note: Silahkan sobat hapus kode yang berwarna merah jika ingin membuat kotak komentar facebook menjadi transparan
- Selanjutnya cari kode </head>
- Kemudian letakan kode di bawah ini 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='ID FP Anda disini' 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>
Note; Silahkan Ganti Kode berwarna Merah dengan ID FP(Fans Page) Sobat..jika belum punya ID nya,silahkan
JANGAN SOBAT SIMPAN DULU MAASIH ADA LAGI NECH
- Silahkan cari kode <div class='comments' id='comments'>
- Umumnya kode <div class='comments' id='comments'> ada 2,jadi masukan kode di bawah ini tepat di bawah kedua kode tersebut.
<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='10' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
Silahkan anda Hapus kode berwarna merah tersebut jika kode di bawah sama, jika tidak y tidak usah. Untuk yang nomor10 adalah Jumlah komentar yang akan muncul. Untuk nomor 400 adalah Lebar kotak Komentar, Silahkan di ganti sendiri..
- Berikutnya lihat pratinjaunya terlebih dahulu,jika sudah berhasil dan tidak ada kerusakan,
- Save dan semoga berhasil
- Maka tampilannya seperti gambar yang di atas postingan
SEMOGA ARTIKEL INI BERMANFAAT BAGI SEMUA ORANG YANG MEMBACANYA,JIKA ADA SALAH MOHON KOMEN NYA
