Cara Membuat Komentar Facebook di Blog - Sudah
bukan rahasia lagi jika facebook menjadi media sosial terpopuler di
jagat ini. Banyak pengguna yang online setiap hari di facebook. Maka
dari itu saya bagi nih tutorial Cara Membuat Komentar Facebook di Blog Sobat.
Tujuannya tidak lain agar pengunjung blog yang tidak mempunyai akun
google atau blogger dapat berkomentar juga pada postingan kita. Oke,
langsung saja, jom, mari kita simak langkah-langkah berikut ini:
1. Login ke akun blogger sobat
2. Pilih Template kemudian Edit HTML1. Login ke akun blogger sobat
3. Tekan Ctrl F dan cari kode ]]></b:skin>
4. Letakkan kode berikut 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;}
5. Kemudian cari kode </head>
6. Letakkan kode berikut 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='Link Facebook Sahabat'
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>
7. Ganti Tulisan Merah dengan ID Facebook Sahabat (facebook.com/IDfacebook)
8. Kemudian cari kode <div class='comments' id='comments'>
9. Sahabat akan menemukan 2 kode yang sama. Letakkan kode di bawah ini tepat di bawah 2 kode tersebut. Ingat di paste 2 kali.
<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='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>
10. 5 adalah banyaknya komentar yang ditampilkan dan 450 adalah lebar kotak komentar facebook.
11. Simpan Template dan jadilah kotak komentar Sahabat. "Selamat Mencoba"
Belum ada tanggapan untuk "Cara Membuat Komentar Facebook di Blog "
Post a Comment