Cara Membuat Kotak Komen Facebook di Blog

   Assalamualaikum wr wb, sore bro dan sore bagi para pengunjung blog saya yang sederhana ini hari ini saya akan membuat artikel kembali yaitu tentang Cara Membuat Kotak Komen Facebook di Blog ya gan tak usah banyak pender lagi kita langsung saja ke tkp,,,,,

Cara Membuat Kotak Komen Facebook di Blog

1. masuk kedasbor blog kalian masing masing
2. masuk ke menu template > edit html
3. cari kode ]]></b:skin> dan letekkan kode tepat di atas kode ]]></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;}
    
4. cari lagi kode </head> lalu letakkan lagi kode ini tepat diatas 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 FB 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>
   
   ket: ganti id fb anda dengan id facebook anda sendiri
   
5. dan cari lagi kode <div class='comments' id='comments'> bila kode itu lebih dari satu cari kode paling akghir dan letakkan tepat di bawah kode <div class='comments' id='comments'> <!--FB COMMENT-->
    <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='5' width='500'/>
       </b:if>
       </div>
       <div class='comments comments-page' id='blogger-comments-page'>
   <!--FB COMMENT-->
   
   ket: ganti angka 5 sesuai keinginan anda untuk memunculkan banyak komentar
         dan angka 500 ganti sesuai lebar kolom psting anda
   
6. lalu pratinjau template kalian terlebih dahulu dan jika tidak ada kesalahan simpan template kalian 

   dan selesai sudah pertemuan kita semoga artikel ini bermanfaat buat  kalian semua,dan jangan lupa br komentarlah yang baik di kotak komentar di bawah ini thanks sudah berkunjung,,,,,

kode dari : http://digital areas.blogspot.com

Continue reading

Share:

Views: