 |
| Cara Memasang Komentar Facebook dan Blog Berdampingan |
Cara Memasang Komentar Facebook dan Blog Berdampingan tidaklah sulit seperti yang anda pikirkan namun untuk membuat moderasi pada komentar facebook yang sangat sulit, apa kelebihan dari memasang komentar facebook ?
kelebihannya adalah pembaca mudah melakukan komentar tanpa harus mempunyai blog ataupun email,
Nah, apa syarat untuk membuat komentar facebook ?
syaratnya sangat sederhana yaitu anda mempunyai sebuah akun facebook dan alangkah baiknya lagi jika anda mempunyai sebuah fanspage. jika Anda tidak tahu cara membuat fanspage silahkan klik disini "Cara Membuat Fanspage".
Nah, Yuk langsung saja kita saja kita simak Cara Memasang Komentar Facebook dan Blog Berdampingan Secara mudah dan cepat
1. Login dulu Ke Blogger.com
2. Masuk Ke Menu "Template" dan klik "Edit HTML".
3. Expand Widget Template.
4. Carilah Kode <div class='comments' id='comments'>
5. Copy Kode Di Bawah Ini Dibawah Kode Tadi.
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://png-1.findicons.com/files/icons/2155/social_media_bookmark/32/facebook.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='600'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='UrlFanspageAnda' 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>
<style>.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;}</style>
<img class='comments-tab-icon' src='http://png-1.findicons.com/files/icons/2155/social_media_bookmark/32/facebook.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='600'/></b:if></div>
<div class='comments comments-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='UrlFanspageAnda' 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>
<style>.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;}</style>
Keterangan :
- Jika anda memiliki Fans Page, ganti Warna Biru dengan nomer URL Fans page anda. berupa digit angka
- Ganti angka warna biru 600, sesuai dengan ukuran lebar kolom komentar di blog anda
- Jika gagal, coba kembali cari kode <div class='comments' id='comments'>, lalu pasang lagi
Selesai lah sudah,,
Sungguh Mudah Bukan ?
Sekian Dulu Artikel Cara Memasang Komentar Facebook dan Blog Berdampingan.
Semoga Bermanfaat Dan Selamat Mencoba!!
Nb : Jika anda mendapati kesalahan ataupun error saat membuat silahkan komentar atau hubungi admin secara langsung dengan cara ambil tab contact dan kirimkan email kepada saya atau bisa juga melalui facebook saya langsung.
Ingat, jadilah komentator yang bijak.
0 Comments
