Cara Membuat Komentar Facebook di Blogspot
By
Rizal
0
komentar
Baik
sobat blogger semua kali ini saya mau share mengenai cara membuat komentar
facebook seperti yang ada di bawah blog saya ini, langsung aja kita ke TKP
Cara nya Seperti ini :
1. Login ke Blog anda
2. Klik Desain
3. Template > Edit HTML
4. Centang expand template widget > Tekan ctrl + F3
http://www.facebook.com/pages/create.php Lebih jelas nya silakan kilik di sini
7. cari kode ini /* Comment atau #comments Letakkan Code Berikut di Bawah nya
8. Klik Simpan, dan lihat hasilnya
Selamat Mencoba, Semoga Bermanfaat...
Cara nya Seperti ini :
1. Login ke Blog anda
2. Klik Desain
3. Template > Edit HTML
4. Centang expand template widget > Tekan ctrl + F3
5. Lalu copykan code di bawah ini dikotak Fine
<div class='comments' id='comments'>
Setelah ketemu Silahkan Copy dan
Paste code berikut di bawahnya :
<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='2' width='610'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
<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='2' width='610'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
6. Cari kode </head> lalu
letakkan kode dibawah ini diatasnya
<script
src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='Rizal/3137186XXXXXXXX?skip_nax_wizard=true' 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 tulisan berwarna merah dgn ID
fb anda , ID yang sama pada Link fans page/profil page kalau blm ada silakan anda buat dulu dgn membuka account FB anda lalu masuk ke Link ini<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='Rizal/3137186XXXXXXXX?skip_nax_wizard=true' 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>
http://www.facebook.com/pages/create.php Lebih jelas nya silakan kilik di sini
7. cari kode ini /* Comment atau #comments Letakkan Code Berikut di Bawah nya
.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;}
#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;}
8. Klik Simpan, dan lihat hasilnya
0 komentar: