Cara Membuat Komentar Facebook Berdampingan Dengan Blog - IRWANSULAIMAN

Wednesday, July 18

Cara Membuat Komentar Facebook Berdampingan Dengan Blog

CaraMembuat Komentar Facebook dan Blog  Berdampingan .Cara Membuat Komentar Facebook Berdampingan Dengan Komentar Blog Bertemu lagi dengan saya di Irwan sulaiman Blog kali ini saya akan share Cara membuat Komentar Facebook dan Komentar blog saling berdampingan, sesuai yang anda lihat komentar fb dan komentar blog di blog ini saling berdampingan kurang lebihnya sepeti itu, untuk cara pemasangannya silahkan anda ikuti langkah-langkahnya.
  • Pertama Log in ke Blogger
  • Rancangan
  • Edit html
  • Centang
Selanjutnya simpan Kode yang ada di bawah ini di atas kode                                                                ]]></b:skin>
.comments-page { background-color: #ffffff;} #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;}
Next cari kode </head> simpan kode di bawah ini 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='id-facebook-anda' property='fb:admins'/> <script type='text/javascript'> function commentToggle(selectTab) { $(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;); $(selectTab).removeClass(&quot;inactive-select-tab&quot;); $(&quot;.comments-page&quot;).hide(); $(selectTab + &quot;-page&quot;).show(); }</script>
Yang di beri warna merah di atas ganti dengan id fb anda. Kemudian cari kode lagi yang di bawah ini.   Keterangan : Bila menemukan kode yang sama <div class='comments' id='comments'> simpan saja  kode di bawah tepat kedua duanya.
<div class='comments' id='comments'>
Setelah ketemu simpan kode yang ada di bawah ini tepat setelah kode di atas.
<div style='margin-left:5px;'> <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='4' width='550'/> </b:if> </div></div> <div class='comments comments-page' id='blogger-comments-page' style='-moz-border-radius-topleft: 5px; -moz-border-radius-topright:-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;margin:10px 10px 0px ;width:586px;padding-left:20px;border:1px solid #ccc;'>
Angka yang di beri warna merah nomor empat 4 adalah berapa banyak komentar yang akan di tampilkan sedangkan lima ratus 550 adalah ukuran lebar komentar facebook. Kode CSS yang di beri warna biru adalah style komentar blogger bisa anda ubah sesuai keinginan anda, dan sesuai template blog anda. Demikian Tutorial Cara Membuat Komentar Facebook dan Komentar Blog Saling Berdampingan semoga bermanfaat.
Comments

2 comments

Patut dicoba nih, thanks banget info nya sobat :)

Silahkan sob , Sama-sama makasi juga sudah mampir.


EmoticonEmoticon