Pada kesempatan kali ini Bangiz mau berbagi tentang tips dan trik blogging. Yang akan kita bahas kali ini yaitu tentang komentar di blog. Banyak sekali akun yang bisa kita gunakan ketika mau berkomentar pada tampilan komentar blogger yang default , disana ada akun Google, Live Journal, Wordpress, TypePad, AIM, OpenID, Nama/URL dan Anonymous. Apabila Anda kurang suka tampilan default, Anda bisa menggantinya dengan komentar Google+ atau Facebook.
Sesuai dengan judul di atau yaitu cara membuat kolom komentar facebook dan blogger berdampingan. Jika tertarik, Anda bisa menggunakannya di blog yang Anda miliki. Untuk screenshootnya, lihat gambar di bawah ini:
1. Masuk Dasbor Blogger
2. Template > Edit HTML
3. Cari kode ]]></b:skin (gunakan Ctrl+F)
Copy-paste kode berikut sebelum/diatas kode ]]></b:skin
.comments-page { background-color: #FFFFFF;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px;cursor: pointer; background-color: #99CD00;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #CD2122;}.inactive-select-tab { background-color: #409014;}
4. Cari kode </head> (gunakan Ctrl+F)
Copy-paste kode berikut sebelum/diatas
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID Facebook' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
Ganti ID Facebook dengan ID Facebook yang Anda miliki
5. Simpan Template dan lihat hasilnya.
Demikian tutorial cara membuat kotak komentar facebook dan blogger berdampingan. Jika ada pertanyaan atau lain-lain silahkan tinggalkan komentar. Semoga bermanfaat.