Menambahkan Fitur "Like" Facebook di Kotak Komentar Blogger

Salah satu fitur yang disediakan facebook adalah fitur "like" yang biasanya digunakan untuk mengekspresikan rasa suka seseorang terhadap sesuatu. Nah pada tutorial kali ini saya akan membagikan bagaimana caranya menambahkan fitur "like" di kotak komentar blog. Untuk tampilannya sih kira2 seperti gambar diatas. Oke jika kamu tertarik untuk menambahkan fitur ini, bisa kamu ikuti tutor di bawah ini :

1. Masuk Blogger.com

2. Klik Template --> Edit HTML --> Klik "Lanjutkan" --> Klik Expand Template Widget. Oh iya sebelumnya kamu backup dulu template kamu ya.

3. Di kotak Edit HTML, kamu cari kode <h4 id='comment-post-message'><data:postCommentMsg/></h4> gunakan ctrl+f untuk memudahkan pencarian. Setelah itu, kamu salin kode di bawah ini.

<a href='http://www.hzndi.blogspot.com'><img alt='Tutorial Blog and SEO' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_dirGif_T-EB1SePygnvtajxmlkSDJ-NB44EnykUEqllCp0_JS1fmKee3okRXMvl-yFAJZkMWtLbwdZuIcnp-ZCFyesUC4f8Vh4E0MiM7GlVZihuiYjUvIwr3q550sXbjYBjQABtcyTz/s1600/best+blogger+tips.png'/></a><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

4. Setelah menyalin kode diatas, kamu letakkan kode yang sudah disalin tadi setelah kode <h4 id='comment-post-message'><data:postCommentMsg/></h4>. Yang nantinya jika sudah kamu taru kode yang disalin tadi, akan terlihat seperti di bawah ini.

<h4 id='comment-post-message'><data:postCommentMsg/></h4> <a href='http://www.hzndi.blogspot.com'><img alt='Tutorial Blog and SEO' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD_dirGif_T-EB1SePygnvtajxmlkSDJ-NB44EnykUEqllCp0_JS1fmKee3okRXMvl-yFAJZkMWtLbwdZuIcnp-ZCFyesUC4f8Vh4E0MiM7GlVZihuiYjUvIwr3q550sXbjYBjQABtcyTz/s1600/best+blogger+tips.png'/></a><br/><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

5. Simpan template kamu dan lihat hasilnya :) thanks to spiceupyourblog.com

Postingan Terkait:

Blogger

• Cara Menghapus Komentar Spam Secara Otomatis
• Cara Membuat Blog Terindeks Google dengan Cepat
• 5 Kesalahan yang Dilakukan Oleh Blogger Pemula
• Mengembalikan Blog yang Sudah Dihapus, Bisakah ?
• Apa Itu Niche Blogging ?
• Daftar 60+ Forum Do-Follow Ber-PageRank Tinggi 2014
• Cara Menghindari Blog Dihapus Oleh Google
• Cara Memilih Nama Blog & Situs yang Ramah SEO
• Cara Mengembalikan Mood Blogging
• Mengapa Subscriber Feedburner Menjadi 0 ?
• 7 Tips SEO untuk Blogger
• 10 Tips Mantap Untuk Meningkatkan Trafik Organik
• 7 Trik Membuat Artikel Lama Menjadi Populer
• 7 Cara Mendapat Pengunjung Dengan Mudah
• Tutorial Blog dan SEO Terkena Malware ?
• Bagaimana Mengefektifkan Backlink Dalam SEO
• 8 Tips Membuat Loading Blog Lebih Cepat
• Cara Membuat Kotak Fanpage Facebook Hitam Putih
• Optimasi Gambar Untuk Dapatkan Pengunjung
• Cara Menghindari SEO yang Berlebihan
• 8 Tips Untuk Seorang Blogger Pemula
• Cara Mendapatkan Google Sitelink Dengan Cepat
• Cara Membuat dan Tips Pengaturan Meta Tag
• Cara Meningkatkan Ranking Alexa Dengan Cepat
• Cara Mengklaim Situs di Alexa

Comments

• 5 Cara Ampuh Agar Tidak Menjadi Seorang Spammer
• Cara Membuat Threaded Comment Untuk Blogger
• Menambahkan Gambar Amplop di Kotak Komentar
• Cara Menyembunyikan/Menampilkan Kotak Komentar di Blogger
• Membuat Recent Comments dengan Avatar di Blogger
• Membuat Gambar Default Untuk Pemberi Komentar Anonim
• Membuat Threaded Comment / Reply Comment Dengan CSS
• Membuat Threaded Comment Dengan 3 Tampilan Warna Berbeda
• Cara Membuat Blog Banyak Komentar
• Membuat Komentar Blogger dan Facebook Berdampingan
• Cara Menambahkan Form Komentar dari Disqus
• Widget Recent Comments (Komentar Terakhir) Pada Blogger
• Install Widget Top Commentators di Blogger
• Membuat Reply Comment di Blogger
• Membuat Penghitung Komentar di Blogger
• Memasang Scroll Dalam Kotak Komentar
• Membuat Komentar Admin Beda

Social Bookmarking

• Cara Membuat Widget Subcription + Social Sharing + Facebook Like Box di Bawah Postingan
• Cara Membuat Widget Social Sharing Berputar di Bawah Postingan
• Cara Menambahkan Floating Social Bookmark
• Cara Membuat Scrolling Sticky Bar Lengkap Untuk Blogger
• Membuat Widget Social Bookmark 3D yang Bisa Berputar
• Cara Membuat Twitter Box Untuk Blogger
• Cara Membuat Widget Sosial Bookmark Berputar
• Cara Membuat 6 Animasi Twitter Melayang Untuk Blogger
• Menambahkan WIdget Sosial Bookmark dari Shareholic
• Menambahkan Widget Sosial Bookmark + Kotak Pencarian Di Blogger
• Cara Menaruh Facebook Like Box Secara Tiba-Tiba
• Cara Memasang Widget Sosial Bookmark Melayang Versi AddThis.com
• Menaruh Kotak Fanpage Facebook di Blogger - V3
• Menaruh Widget Sosial Bookmark di Side Bar
• Cara Menambahkan Widget Sosial Bookmark Berbentuk Segitiga
• Menambahkan Facebook Recommendations Bar kedalam Blogger
• Menambahkan Widget Icon Sprite Media Sosial di Blog
• Menaruh Widget Flipper Sharing Untuk Blogger
• Menambahkan Widget Touch Me di Blogger
• Membuat Widget Sassy Social Bookmark di Blogger
• Membuat Scroll Jquery Sosial Bookmark Untuk Blog
• Menaruh Widget Eksklusif Sosial Bookmarking
• Memasang Widget Twitter dan Facebook di Samping Postingan
• Membuat Widget Burung Twitter Terbang di Blogger

Posted in: Blogger,Comments,Social Bookmarking,Social Sharing