Home / Archives for July 2015

Membuat Facebook Coment dan Blog Coment tampil Bersamaan

Posted by inisaya news Sunday, July 5, 2015 0 comments
Ini adalah pembaharuan dari cara pertama Membuat Facebook Comment

Membuat Tab Facebook Comment, dan Blog Comment tampil bersamaan, agar kelihatan indah dan keren. Caranya adalah:

1. Cari kode  <div class='comments' id='comments'>
2. Pastekan kode dibawah ini, tepat dibawah <div class='comments' id='comments'>


 <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='2' width='550'/></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='IDFANPAGEFACEBOOK' 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>

Baca Selengkapnya ....
Categories:

Cara Membuat Facebook Coment

Posted by inisaya news 0 comments
Ini adalah metode simple untuk membuat facebook coment. bagi anda yang ingin membuat tampilan yang lebih dinamis, silahkan baca artikel kami lainnya Membuat Facebook Coment Tampil Bersamaan Blog Coment

1. Cari kode <head>

2. Copy dan pastekan kode di bawah ini, tepat di atas kode <head>

 <meta content='Ganti dengan alamat facebook Anda' property='fb:admins'/>

<meta content='Ganti dengan nomor id facebook Anda' property='fb:app_id'/>



3. Cari kode  <b:if cond='data:post.commentSource == 1'>
 kemudian letakkan kode dibawah ini, keatasnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' num_posts='1' width='570'/></div>
</b:if>


Catatan:

- Jika <b:if cond='data:post.commentSource == 1'> lebih dari 1, mungkin 2 atau lebih, coba satu persatu.  Pada saya sendiri yang cocok adalah pada nomor 2.

- Untuk mencari id facebook, jika url FP anda masih asli angka-angka, langsung anda ambil saja.  Tapi jika sudah bernama, silahkan anda klik kanan di foto profil, lalu buka dihalaman baru. Kemudian ambil id nya, contoh dibawah ini yang berwarna biru.

https://www.facebook.com/marioteguh/photos/a.443595549880.229588.52472954880/10153399573349881/?type=1&source=11

- Lebar silahkan sesuaikan dari Width

Baca Selengkapnya ....
Categories:
Belajar SEO dan Blog support Online Shop Aksesoris Wanita - Original design by inisayaberita | Copyright of inisaya news.
Powered by Blogger.