Cara Memasang Komentar Facebook di Blog ~ Potret Alam

Cara Memasang Komentar Facebook di Blog

cara Memasang Komentar Facebook di Blog- kolom komentar facebook dan blog berada dibawah postingan  secara bersamaan merupakan salah satu cara mempercantik tampilan blog, khususnya tampilan postingan / artikel yang ada pada blog tersebut. Dimana Komentar-komentar dari pengunjung seakan-akan disembunyikan, dan komentar-komentar tersebut akan terlihat kembali apabila kita memilih berdasarkan Facebook atau Blog, 
Baca Juga
bukan sepenuhnya dihilangkan (komentar tetap ada selama tidak kita hapus). Tujuannya adalah agar tampilan isi postingan terlihat ramping dan jelas (Apabila komentar artikel banyak loh). 


Inilah Cara Memasang Kolom Komentar Facebook dan Blog Model Tab
Langkah-langkah yang harus dilakukan adalah sebagai berikut:
1. Tentunya seperti biasa anda harus membuka akun blogger anda sendiri.
2. Pada Dasbor blog anda, masuk elemen Template, Lalu pilih Edit HTML

 
3. Cari Kode :
<div class='comments' id='comments'>
4. Copy atau salin Kode Script yang tertera di bawah ini, dan selanjunya Pastekan tepat di bawah
     Kode :<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>

5. Apabila sudah selesai, Simpanlah Template Blog anda.
6. Lihat hasilnya.

Catatan:

  • Ganti IDFANPAGEFACEBOOK dengan Kode / No / Id Fan Page Facebook yang anda punya.
  • Cara melihat IDFANPAGEFACEBOOK adalah: Masuklah ke Halaman FacebookAnda, lalu masuk lagi ke Pengaturan, Lihat Info Halaman, lalu lihat paling bawah sekali ada tulisan ID Halaman Facebook : 100xxxxxxxxxx
  • Anda tidak punya Halaman Facebook saat ini? Anda tidak perlu mengganti tulisan IDFANPAGEFACEBOOK di atas (saran sih gunakan Halaman Facebook) abaikan saja. Gunakan saja Kode Script di atas apa adanya.
  • Ukuran atau panjang Kolomo Komentar FB sesuaikan dengan Ukuran Blog anda. Silahkan ganti angka yang berwana Ungu di atas. (width='550')
  • Apabila kode
    ada 2, pilih saja salah satu.

Bagaimana, gampang bukan, terimakasih sudah berkunjung.

Related Posts:

  • Tools Gratis Terbaik Untuk Webmaster Jika anda ingin mencari alat-alat dan sumber daya untuk membantu dalam membangun sebuah blog, maka di internet pasti penuh dengan tips yang berguna,alat pemasaran atau promosi, SEO dan webmaster tools,dalam subjek SEO dan web… Read More
  • cara menuliskan kode HTML di postingan blog didalam saya mulai belajar ngeblog banyak banget hal-hal yang memang saya alami salah satunya adalah ketika saya membuat artikel yang didalamnya itu ada skrip HTMLnya namun ketika saya ketik dan saya masukan didalam postinga… Read More
  • Cara Copas Artikel yang Diblok Di dunia internet, urusan mengambil hasil karya orang lain adalah perkara biasa, baik itu dengan mengambil secara ijin, tanpa ijin, atau pun dengan cara paksa. Istilahnya pun kemudian berkembang menjadi banyak macamnya, misa… Read More
  • Cara Memasang Iklan AdSense Kedalam Postingan Blog Untuk cara  ini, adalah cara yang menurut yang agak lumayan bikin kepala agak panas karena membutuhkan ketelitihan dan fokus yang cukup menguras. tapi  harus di ingat tak ada yang tak mungkin selagi mau usaha … Read More
  • Membuat efek bayangan panjang Menggunakan Coreldraw Gaya desain dengan menggunakan efek bayangan panjang (long shadow) pada tema desain tertentu dapat mempercantik desain yang kita buat, terlebih pada tema – tema flat desain, efek bayangan panjang ini dapat menjadi satu pilih… Read More
Comments
0 Comments

0 komentar:

Post a Comment