Senin, 30 Juni 2014
Hallo Kawan kawan yang sudah setia selalu membaca artikle saya ahhahaha kali ini saya akan berbagi ilmu tentang Cara Membuat Komentar FB di Blog Hal ini merupakan hal yang sudah umum dan bukan lagi baru. Banyak para blogger yang sudah menerapkan trik ini di blog nya karena beberapa alasan. Ada yang bilang kalau menggunakan facebook akan lebih simple, ada yang bilang kalau menggunakan facebook jadi lebih gaul, ada juga yang bilang kalau pake facebook jadi tidak ribet. Itu semua pendapat orang, bagaimana pendapat kamu ?
Nantinya kolom komentar dari facebook ini akan berdampingan dengan milik
blogger. Lalu bagaimana cara membuatnya, langsung saja praktekan
langkah-langkah di bawah ini !
.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;}
kode </head>
5. Dari kode di atas, perhatikan kode yang saya beri warna merah. Ganti kode berwarna biru dengan
<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' 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>
5. Dari kode di atas, perhatikan kode yang saya beri warna merah. Ganti kode berwarna biru dengan
ID Facebook anda.. Contoh : halaman facebook
anda www.facebook.com/DigitalAreas maka ambil
DigitalAreas sebagai ID
anda
perlu menambahkan beberapa script lagi. Silahkan
cari kode
<div class='comments'id='comments'>
Biasanya kode tersebut tidak hanya 1, kalau di dalam template anda
terdapat lebih dari 1 kode
tersebut.Cari kode yang paling terakhir, lalu
letakan script dalam kotak di bawah ini tepat di bawah
kode <div class='comments' id='comments'> :<!--FB COMMENT-->
<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='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
<!--FB COMMENT-->
7. Perhatikan script di atas, ada 2 kode yang saya beri warna merah. 5 itu berarti jumlah komentar
yang di tampilkan sedangkan 500 itu berarti lebar kolom komentar tersebut.
8. kemudian jangan lupa SIMPAN template anda dan lihat hasilnya .
Tag :
Tutorial Blog
Langganan:
Posting Komentar (Atom)
0 komentar