Total Pageviews

Diberdayakan oleh Blogger.

Marquee Beri Donasi

<div style='background-color: none transparent;'><a href='http://news.rsspump.com/' title='rsspump'>news</a></div>
Daftar Alamat dan Nomor Telepon Puskesmas (Pusat Kesehatan Masyarakat PKM) di Kabupaten Pasaman Propinsi Sumbar: 1. Puskesmas Bonjol. Alamat: Jl. Lintas Sumatera Nagari Kp Sianok Nagari Ganggo Hilia,Kec.Bonjol. Jenis (type): Perawatan 2. Puskesmas Ladang Panjang. Alamat: Jl. Lintas Padang Sawah Kumpulan, Kec. Bonjol. Jenis (type): Perawatan 3. Puskesmas Kumpulan. Alamat: Jl. Lintas Sumatera Nagari Lima Kuto, Kec. Bonjol. Jenis (type): Non Perawatan 4. Puskesmas Simpati. Alamat: Jl. Padang Sawah Kumpulan, Kec. Bonjol. Jenis (type): Non Perawatan 5. Puskesmas Lubuk Sikaping. Alamat: Jl. Prof. Dr. Hamka, Kec. Lubuk Sikaping. Jenis (type): Non Perawatan 6. Puskesmas Sundatar. Alamat: Jl. Lintas Padang Medan Jrg Salibawan, Kec. Lubuk Sikaping. Jenis (type): Non Perawatan 7. Puskesmas Cubadak.Alamat: Jl. Raya Simpang Empat Panti, Kec. II Koto. Jenis (type): Perawatan 8. Puskesmas Simpang Tonang. Alamat: Jl. Simpang Lambau Jrg. Tanjung Mas, Kec. II Koto. Jenis (type): Non Perawatan 9. Puskesmas Tapus Alamat: Jl. Lintas Padang Medan No. 26 Ds. Selamat, Kec. Panti. Jenis (type): Perawatan 10. Puskesmas Pegang Baru.Alamat: Jl. Lintas Padang Medan Jrg Bahagia, Kec. Panti. Jenis (type): Non Perawatan 11. Puskesmas Kuamang.Alamat: Jl. Tapus Lundar Jrg Kuamang, Kec. Panti. Jenis (type): Non Perawatan 12. Puskesmas Rao.Alamat: Jl. Lintas Padang Medan Pasar Rao Nagari Tarung-tarung, Kec. Rao. Jenis (type): Perawatan 13. Puskesmas Pintu Padang.Alamat: Jl. Curanting Muaro Tais Km. 18 Ds. Pintu Padang, Kec. Mapat Tunggul. Jenis (type): Perawatan 14. Puskesmas Silayang.Alamat: Nagari Silayang, Kec. Mapat Tunggul Selatan. Jenis (type): Non Perawatan 15. Puskesmas Lansat Kadap. Alamat: Jl. Tunas Harapan Rambah, Kec. Rao Selatan. Jenis (type): Non Perawatan

Cara Membuat Komentar Facebook Keren Di Blog


Sabtu, 21 September 2013

Komentar Facebook Keren

Duakotopas.com – Facebook merupakan situs jejaring sosial media yang paling banyak penggunanya. Setiap pengguna internet kebanyakan pasti punya akun facebook. Dimana-mana kebanyakan orang buka internet pasti buat maenan facebook ya gak .

Jadi bisa dipastikan hampir semua pengunjung blog kita mempunyai akun facebook. Jadi berikan mereka kemudahan dalam berkomentar di blog kita, dengan cara memasang komentar facebook di blog. Kalian pasti sudah mengetahui dan meliahat  aplikasi dari facebook ini di blog orang.


Ada minat mau pasang komentar facebook yang berdampingan dengan komentar blogger ? Soalnya kali ini kami share cara membuat komentar facebook keren di blog yang berdampingan sama komentar blogger.

Ini versi terbaru yang udah di modifikasi jadi tampilan komentar facebook dan bloggernya jadi keren . Kalo tertarik silahkan disimak cara membuat komentar facebook keren di bawah ini. Mudah-mudahan bermanfaat buat  yang ingin membuat komentar facebook di blog.


Note : Inget selalu di backup atau download template blognya untuk menghindari hal-hal yang tidak di inginkan.

Cek  >>> Edit Template Blogger Versi Baru

Cara Membuat Komentar Facebook Keren Di Blog

 

Cara Mendaftar dan Mendapatkan ID Aplikasi Facebook

  • Pertama-tama kalian harus punya ID aplikasi di Facebook. Kalau belum punya silahkan daftar dan buat dulu di Facebook Developers. kami akan memberikan caranya.
  • Dari halaman facebook developers, log in dulu  klik tab Apps di bagian atas. Lanjut di klik tombol Register as a Developers di kanan atas, lalu ikuti petunjuknya dan di isi data lengkap anda termasuk no handphone buat verifikasi.
  • Sudah berhasil daftar, kalo sudah lanjut sekarang buat aplikasinya supaya dapet ID. Pilih + Create New App yang ada di kanan atas terus akan muncul pop up, lalu tinggal di isi saja App Name sama App Namespacenya sesuai keinginan anda kalau Web Hostingnya boleh dicentang atau dibiarin saja juga tidak apa-apa gan. kemudian tinggal klik lanjutkan, Selesai.

  • Nah sekarang anda sudah dapet ID aplikasi facebook. Untuk informasi umum dan yang lainnya silahkan di isi yang sesuai lalu simpan perubahan.

Cara Memasang Komentar Facebook Di Blog



  • Lanjut ke tahap pemasangan komentar facebook di blog. Pertama masuk ke Blogger lalu pilih Template kemudian Edit HTML dan centang Expand Widget Templates . Kita mulai dari atas supaya tidak bolak-balik.
  • Copy kode di bawah ini lalu paste di bawah kode <head> atau selipkan di antara meta tag yang sudah ada di template nada.
<meta content='Facebook Profile ID' property='fb:admins'/> <meta content='Aplikasi Facebook ID' property='fb:app_id'/>
  • Tinggal di ganti aja Facebook Profile ID dan Aplikasi Facebook ID dengan ID punya anda. Buat  facebook profile ID bisa di cek di findmyfacebookid.com. 
  •  Sekarang cari kode ]]></b:skin> lalu copy dan paste kode CSS di bawah ini di atasnya. 

.comments-page{ background:#fff;} #blogger-comments-page { padding: 20px; display: none;border:1px solid orange;border-radius:5px;} #fb-comments-page{border:1px solid blue;border-radius:5px;padding:20px;margin-top:10px;} .facebook-tab { float: left;cursor: pointer;margin-right:2px;border:1px solid #25729a; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3093c7), color-stop(100%, #1c5a85)); background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85); background-image: -moz-linear-gradient(top, #3093c7, #1c5a85); background-image: -ms-linear-gradient(top, #3093c7, #1c5a85); background-image: -o-linear-gradient(top, #3093c7, #1c5a85); background-image: linear-gradient(top, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85); } .facebook-tab:hover {border:1px solid #1c5675; background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26759e), color-stop(100%, #133d5b)); background-image: -webkit-linear-gradient(top, #26759e, #133d5b); background-image: -moz-linear-gradient(top, #26759e, #133d5b); background-image: -ms-linear-gradient(top, #26759e, #133d5b); background-image: -o-linear-gradient(top, #26759e, #133d5b); background-image: linear-gradient(top, #26759e, #133d5b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b); } .blogger-tab {float: left;cursor: pointer;border:1px solid #ffc826; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #ffd65e; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd65e), color-stop(100%, #febf04)); background-image: -webkit-linear-gradient(top, #ffd65e, #febf04); background-image: -moz-linear-gradient(top, #ffd65e, #febf04); background-image: -ms-linear-gradient(top, #ffd65e, #febf04); background-image: -o-linear-gradient(top, #ffd65e, #febf04); background-image: linear-gradient(top, #ffd65e, #febf04);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffd65e, endColorstr=#febf04); } .blogger-tab:hover{ border:1px solid #f7b800; background-color: #ffc92b; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc92b), color-stop(100%, #ce9a01)); background-image: -webkit-linear-gradient(top, #ffc92b, #ce9a01); background-image: -moz-linear-gradient(top, #ffc92b, #ce9a01); background-image: -ms-linear-gradient(top, #ffc92b, #ce9a01); background-image: -o-linear-gradient(top, #ffc92b, #ce9a01); background-image: linear-gradient(top, #ffc92b, #ce9a01);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc92b, endColorstr=#ce9a01); }
Tahap berikutnya anda copy dan paste kode javascript di bawah ini di antara kode ]]></b:skin> dan </head> . Bebas mau di pastein di bagian mananya.


<script src='https://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <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>
<script src='https://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <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>
  • Langkah terakhir , cari kode <div class='comments' id='comments'> lalu pastein kode HTML di bawah ini tepat di bawahnya . Kodenya bisa ada 2 atau 1 tergantung templatenya, kalo ada 2 pastein di bawah kedua kodenya. Info saja kalo template anda tidak menggunakan threaded comment tidak bisa.
<div class='facebook-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Komentar Dari Facebook'> <fb:comments-count expr:href='data:post.url'/> Komentar di Facebook </div> <div class='blogger-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Komentar Dari Blogger'> <data:post.numComments/> Komentar di Blogger </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'/><div align='left'><font color='blue' size='4'><strong>Silahkan Berkomentar Melalui Akun Facebook Anda</strong></font></div><img src='http://3.bp.blogspot.com/-muT5UtSoi3U/URGBslYGIeI/AAAAAAAAC_I/vAH8Qx_MmOI/s1600/facebook-icon.png'/><div align='right'><a href='http://seociyus.blogspot.com/2013/02/cara-membuat-komentar-facebook-keren-di-blog.html' target='blank'><small>Get This Facebook Comment</small></a></div> <fb:comments expr:href='data:post.url' num_posts='5' width='500'/> </b:if> </div> <div class='comments comments-page' id='blogger-comments-page'> <div align='left'><font color='orange' size='4'><strong>Silahkan Tinggalkan Komentar Anda</strong></font></div><img src='http://4.bp.blogspot.com/-oEQT7uBmy8w/URGBsvM0UNI/AAAAAAAAC_E/hYefniskUJY/s1600/Blogger-icon.png'/>
  • Buat jumlah komentar facebook yang mau di tampilin  anda ubah angka 5 sesuai keinginan dan ganti angka 500 untuk ukuran lebar komentar facebooknya di sesuaikan dengan template anda.
  • Belum selesai , satu step lagi sekarang cari di bawah kode tadi kode <h4><data:post.commentLabelFull/>:</h4> lalu hapus, kalau ada 2 hapus keduanya selesai sudah tinggal di preview untuk memastikan tidak ada masalah, baru di Save template. 

Nah Demikian Cara Membuat Komentar Facebook Keren Di Blog  Semoga bermanfaat.

Sumber : seociyus.blogspot.com
Postkan Komentar:

Latest Update