1:53 PM
Hzndi
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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' 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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
5. Simpan template kamu dan lihat hasilnya :) thanks to spiceupyourblog.com
Posted in: 
wow keren sob, ijin praktek yah....^_^
ReplyDeletesilakan ente coba sob
Deletemantebbb mas,numpang liat blog nya ya
ReplyDeletelagi cari referensi bikin
"Space Banner di blog saya" hahaaaaa
hehehe iyah gan sama2 makasih sudah datang ya
Deletewokehsip deh kakaa.. so far blog saya yg ada fitur like fbnya baru yg berbasi wordpress, itu pun ga otomatis begini :)
ReplyDeleteheheh sekarang di blogger juga ada , dari dulu malah tapi ane baru dapet nih :)
Deleteilmu baru ni sob., thx ya... *smile
ReplyDeletesippp sama2 :)
Deletekeren la ya..
ReplyDeletelike facebook jg mempengaruhi SEO blog kita :)
salam persahabatan!
sip sip makasih gan sudah datang :)
DeleteSenang dengan artikel ini, dan bertambah seru aja ada info info baru. Oh ya untuk SEO sangat saya sukai, dan asyik belajar SEO. Izin Follow ya. Mantaf gan
ReplyDeleteheheh thanks gan :)
Deletesip dah, tips triknya keren2 dan langka...
ReplyDeletehehe ga langka gan :)
Deleteokelah kalau suatu saat mau pasang ada di sini
ReplyDeletesiippp yang penting di bookmark dulu hehe
Delete