الهي لست للفردوس اهلا * ولا اقوى على نار الجحيم

Minggu, 20 Januari 2013

cara membuat komentar facebook di blog



Kali ini saya akan berbabgi tentang cara membuat komentar facebook di blog. Langsung aja yah.


Berikut adalah langkah langkah membuat komentar Facebook di blog:

Pertama : Pergi ke blogger >> Dashboard >> Template

Ke 2 : Edit HTML >> Lanjutkan

Ke 3 : Centang Expand Template Widget

Ke 4 : Temukan Kode di bawah ini (Ctrl + F) :

]]></b:skin>
Langkah 5 : Copy kemudian paste kode di bawah ini diatas atau sebelum ]]></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;}


Ke 6 : Jika sudah selesai kemudian lanjutkan untuk mencari kode di bawah ini :


</head>

Kemudian copy dan paste kode di bawah ini tepat di atas kode </head> yang anda temukan :



<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='Taruh 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>

Ke 7 :  Sebelumnya lihat tulisan pada script di atas yang saya beri warna merah 'Taruh ID FB Anda disini' . isikan dengan FB Id anda. Jika anda tidak tahu FB Id anda coba perhatikan contoh berikut https://www.facebook.com/arief.radcliffe. Itu bisa anda lihat ketika anda membuka profil Facebook anda.

Ke 8 : Kemudian cari kode  ini <div class='comments' id='comments'> , di blog saya kode tersebut ada dua. Kalau anda juga menemukan ada dua kode tersebut di blog anda, paste kode dibawah ini tepat 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='9' width='400'/>
</b:if>
</div>

<div class='comments comments-page' id='blogger-comments-page'>

Catatan : Perhatikan kode diatas yang saya beri warna hijau .Untuk yang ada tanda “#” untuk mengatur warna yang anda sukai, Untuk yang angka 9 merupakan jumlah komentar yang ditampilkan. Kemudian untuk angka 400 merupakan lebar dari kotak komentar facebook yang ada di blog anda.

Untuk kode yang saya beri warna merah <div class='comments comments-page' id='blogger-comments-page'>  , jika anda menemukan kode yang sama di bawah kode yang anda paste di blog anda, hapus kode tersebut. Jadi pastikan tidak ada kode tersebut sama di bawahnya.

Ke 9 : Simpan dan lihat hasilnya.
Comments
0 Comments

Tidak ada komentar:

Poskan Komentar

Dalam hidup, akan selalu ada orang yg tak menyukaimu,namun itu bukan urusanmu.Lakukan apa yg kamu anggap benar dan hargai sisa hidupmu