Kamis, 25 April 2013

Cara Membuat Komentar Facebook dan Blog Berdampingan



Saya akan membuat komentar facebook berdampingan dengan komentar blog..
Pengen tau ikuti cara di bawah ini..


Berikut trik"nya :
1. Login ke account blogger Anda
2. Klik rancangan lalu klik Edit HTML
3. Download template Anda dulu untuk berjaga-jaga jika nanti terjadi kesalahan
4. Beri centang atau ceklis pada kotak kecil yang bertuliskan Expand Template Widget
5. Jika sudah, cari kode ]]></b:skin> (gunakan ctrl + f untuk mempermudah pencarian)
6. Kalau sudah dapat maka masukkan kode berikut ini 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;}

7. Kemudian Sobat cari kode </head>
8. Jika sudah dapat, masukkan kode berikut ini tepat diatas 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 FB 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><span style="font-size: 50%">Widget edited by <a href="http://emoeaditya.blogspot.com/" target="_blank" rel="follow">Si EMOOE</a></span>

Keterangan :
tulisan yang berwarna merah di atas, ganti dengan ID facebook Sobat, misalkan https://www.facebook.com/nama Anda maka ID Anda berada pada tulisan yang berwana merah. Namun jika Anda belum merubah ID Anda maka yang tertera adalah berupa angka.

8. Kemudian cari script <div class='comments' id='comments'>
Pada umumnya script tersebut ada 2, copy dan pastekan script berikut ini di bawah kedua kode tersebut.


<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='2' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>


keterangan :
Perhatikan angka yang berwarna merah dan biru diatas, angka 2 merupakan jumlah komentar yang akan ditampilkan pada komentar facebook. Sedangkan angka 400 merupakan lebar kotak komentar facebook. Sobat dapat menyesuaikannya sesuka hati, tapi kalu boleh saya kasih saran, sesuaikanlah dengan lebar template Sobat agar kelihatan rapi.

9. Kemudian klik save, dan lihat hasilnya.
Selamat mencoba sob......
ada keluhan silahkan komentar...
Commentar
0 Comments

0 komentar:

Posting Komentar

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( :-q =))

◄ Posting Baru Posting Lama ►
 




Translate

Entertainment

Blogger Widgets

SINDOnews

Statistik

Blogger Tips And Tricks

Copyright © 2013. Si EMOO3 Blog's - All Rights Reserved B-Seo Versi 3 by Bamz