Tentang Ilmu Komputer, Android, Panduan Blogging dan Tips di Internet.

Cara Memasang Form Komentar Facebook Di Blog

Salah satu fasilitas yang perlu sobat terapkan pada Blog sobat adalah form komentar. Pastinya sobat Blogger sudah tau dan sering melihat bagaimana penampakan form komentar tersebut. Untuk kegunaan dari dipasangnya form komentar ini sendiri banyak sekali. Sobat sebagai admin dengan para pengunjung dapat saling tanya jawab, menyampaikan ide, memberi kritik, atau sekedar mengucapkan terima kasih. Namun sebagian blogger juga ada yang tidak memasang form komentar ini, entah apa alasanya.

Form Komentar Facebook Di Blog

Pada Blog Blogspot khususnya, form komentar ini telah disediakan dan bersumber dari Blogspot sendiri. Pada template bawaan Blogspot sendiri sudah terpasang form komentar ini. Pada template yang dibuat oleh sumber lain juga biasanya sudah menyediakan form komentar. Jadi kita tidak perlu repot lagi.

Selain Blogspot, Facebook juga menyediakan form komentar yang dapat sobat pasang di Blog sobat, yaitu Facebook social plugin. Kita bisa memasangnya tanpa menghilangkan form komentar dari Blogspot. Sehingga setelah dipasang, penampilannya berdampingan namun multi tab.

Form Komentar Facebook Di Blog

Satu hal yang saya sukai, ada keuntungan yang akan kita dapat dari dipasangnya form komentar facebook ini. Pengunjung yang berkomentar bisa mempostingkan tautan artikel ke dalam kronologi Facebook-nya. Sehingga link menuju Blog kita akan semakin bertambah. Contohnya di bawah ini. Saya telah berkomentar pada salah satu Blog teman saya dengan menggunakan form komentar facebook. Tanpa disadari saya telah membuat sebuah tautan pada kronologi Facebook saya.

Tautan Blog di Facebook

OK, setelah membaca basa-basi saya tadi apakah sobat tertarik untuk Memasang Form Komentar Facebook Di Blog? Jika ya, silakan ikuti langkah-langkah berikut.

Cara Memasang Form Komentar Facebook Di Blog

  • Login ke akun Blogger sobat.
  • Masuk ke bagian Template dan klik Edit HTML.
  • Cari kode <div class='comments' id='comments'> dan masukan kode berikut tepat di bawah kode <div class='comments' id='comments'>.
  • Jika terdapat 2 kode di atas, pilih yang kedua

<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='2' width='400'/></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='ID FACEBOOK SOBAT' 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><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>

  • Ubah tulisan berwarna merah dengan Facebook ID sobat.
 
Cara mengetahui ID Facebook.
- Login ke akun Facebook sobat.
- Masuk ke halaman Profil.
- Pada url halaman profil, ubah www menjadi graph lalu tekan enter.
- Akan masuk ke halaman baru. Di sana ditampilkan ID Facebook sobat.


  • Klik Simpan Template.
Selesai. Form komentar Facebook telah terpasang  di Blog sobat. Sehingga selain dengan menggunakan akun Google, pengunjung juga dapat berkomentar pada artikel dengan akun Facebook.

Artikel terkait : Cara Memasang Form Komentar Facebook Di Blog

Artikel Blog Regi Brader Lainnya :

7 komentar:

  1. Sukses ^^b Bisa dilihat di blog saya >> http://miyoko-san.blogspot.com/ :D

    ReplyDelete
  2. Wah artikel yg menarik mau coba ah biar bisa tambah traffic ke blog, tks ya gan. ..
    www.amrullahamirblog.com

    ReplyDelete
  3. mantab gan, terima kasih gan..
    mampir ya gan http://www.healthyway09.tk/

    ReplyDelete
  4. artikel yg membantu
    kunbalnya gan
    http://www.wahids31.blogspot.com

    ReplyDelete
  5. good gan artikelnya kunbal gan http://hafidzchp.blogspot.co.id/

    ReplyDelete
  6. Gan, Tolong Share dong gmn cara buat Toko On Line Pda Blog logger buat Pemula, Saya bingung yang ada di tutor lain,oh ya, tlg kunjungi Web Saya https://bajuonlinekendari.blogspot.co.id/, Email Saya : Sukma1445@gmail.com, Saya tunggu komentarnya ya buat blog Saya untuk perbaikan masa mendatang, trims

    ReplyDelete

Copyright © 2013-2016 Blog Regi Brader - All Right Reserved