Cara Memasang Facebook Like Otomatis di Posting Blogger/Blogspot
Memasang facebook like di posting blog dapat menjadi tolok ukur bagi blogger untuk mengetahui respon pengunjung selain dari comment. Selain itu memasang/membuat tombol facebook like secara otomatis juga akan mengirim url yang disukai pengunjung ke wall-nya. Ini juga menjadi keuntungan tersendiri, karena publikasi artikel posting dapat menjangkau area yang lebih luas. Hack widget ini akan memunculkan Facebook Like Button di setiap posting Blog Blogger anda.
Ada beberapa jenis Facebook like button. Berikut preview plus script-scriptnya yang dibuat untuk Blogger/Blogspot:
Standard Facebook Like Button
<!-- Tombol Facebook Like -->
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
</b:if>
<!-- Facebook Like http://buka-rahasia.blogspot.com -->
Box Count Facebook Like Button
<!-- Tombol Facebook Like -->
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=box_count&show_faces=false&width=55&action=like&font=arial&colorscheme=light&height=65"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:65px;'/>
</b:if>
<!-- Facebook Like http://buka-rahasia.blogspot.com -->
Button Count Facebook Like Button
<!-- Tombol Facebook Like -->
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
</b:if>
<!-- Facebook Like http://buka-rahasia.blogspot.com -->
a. Secara default, Tombol Facebook like akan muncul disisi kiri. Oleh karena itu, jika ingin menampilkannya di sisi kanan (seperti yang di blog ini), kita dapat menambahkan CSS styling, float ke kanan, dan untuk memberi batas dengan posting ditambahkan padding plus value-nya lalu memasukkan styling tersebut di dalam tag div.
Cara menyisipkannya:<div style='padding:4px; float: right;'></div>
<!-- Tombol Facebook Like -->
<b:if cond='data:blog.pageType == "item"'><div style='padding:4px; float: right;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&send=false&layout=button_count&show_faces=false&width=90&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:90px; height:21px;'/>
</div>
</b:if><!-- Facebook Like http://buka-rahasia.blogspot.com -->
b. Jika ingin mengubah tampilan Facebook like menjadi gelap (dark), ubah value pada colorscheme=light, ganti light dengan dark colorscheme=dark.
Cara memasang Facebook Like di Blogger:
1. Masuk ke dashboard > Design/Rancangan > Edit HTML.
2. Klik/check "Expand Widget Templates"
3. Pilih salah satu script/kode dari jenis Facebook Like di atas, lalu:
4. Jika ingin memasang button di atas posting, cari <div class='post-header-line-1'/> atau <div class='post-body'> (gunakan Ctrl+F) dan paste kode tersebut tepat di BAWAH-nya. Jika kedua kode tersebut tidak ketemu, letakkan kode di ATAS <data:post.body/>.
5. Jika ingin memasang button di bawah posting, cari <data:post.body/> (gunakan Ctrl+F) dan paste kode tersebut tepat di BAWAH-nya.
6. Save template.
Cara Memasang Facebook Like Otomatis di Posting Blogger/Blogspot
Written by: Ahmad Khoirul Azmi
Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan codedi bawah atau share dengan sharing buttons di atas. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.
Written by: Ahmad Khoirul Azmi
Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan codedi bawah atau share dengan sharing buttons di atas. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.
96 Comment(s):
begh.. ini yang saya tunggu-tunggu :D
hahaha, kau slalu yang pertama... :P pokonya kutunggu updatemu segera loh bro!
wa, sudah saya memasangnya .. like
Terimakasih sob. sudah dipasang dan berhasil
sip dah! :D
nice info gann...!!!
mantaf infonya gan...mohon ijin gua contek ilmunya yauuuu..!!
mau koreksi artikel ente nei gan, maapin kalo ane salah ye, mungkin kalo pengen tomblo "like" ada di atas bukan di taroh di atas tapi di atas
suwun...
mampir ke sini ya...??
http://thepraditoarifin.blogspot.com
mannnnnnnttttaaaaaaaabbbbbbb
apa button like'nya baru keluar setelah kita bikin postingan baru?
aku nyoba kok ga langsung keluar y?
oh tidak tuh, dia muncul di semua posting langsung, dicek lagi tuh, mungkin ada kesalahan meletakkan kode.
Wah,, gak muncul gan....apanya ya?? sudah di pasang sesuai anjuran....
Blognya yang dipasangi facebook like button yang mana ya? biar saya cek
punya saya juga ga muncul tuh...Padahal sudah sesuai prosedur yang dituliskan...
http://haydibeyler.blogspot.com/
saya sudah kunjungi blog anda, tapi tidak bisa memahami masalahnya kecuali sobat kirimkan templatenya ke saya untuk saya analisa.
Trims gan tutorialnya sangat membantu
mantap gan... izin pasang juga ah
punya saya gabisa bisa :'(
ga bisa nya gimana? dijelaskan lebih lengkap. untuk memudahkan pencarian dan pemasangan kode, saya update kode yang harus dicari.
mf bg...saya udh coba semua cara di atas tp kok ga bs ya.ga muncul tu........
alhamdulillah.sy udh berhasil bg.mf bg td tu jaringan internetnya sering putus2,jd ga bisa.skrg udh berhasil,mksi ya bg.oya sedikit perbaikan ditulisan abg yg no.4.tu contohnya sm punya abg.yg letaknya di kanan atas.sekali lagi makasi bg...
mantap kang
dicoba dulu ya
terima kasih mas bro:)
sangat membantu saya sekali untuk memnambah like this ke artikel setiap postingan blog saya:)
thankz sob buat infonx....
bermanfaat banget nie,,,yang lagi belajar otak-atik blogger
terimakasih gan
setelah beberapa kali error, akhirnya berhasil juga
kalo cara pasang like button di home page gimana caranya gan.??
thx gan infonya....berguna banget....
tadinya ga bisa2....setelah di utak.atik akhirnya bisa jg...hehe
salam Blogger
ane mau tanya...
cara ngerubah warna gmana ???
ane coba like..tapi ga keliatan...warnanya sama kaya background...
coba cek http://unikeuy.blogspot.com
@saya : kalo cuma mau masang di hompage ganti item dengan url blog:
contoh:
b:if cond='data:blog.pageType == "http://buka-rahasia.blogspot.com"'
kemudian pasang script ke dalam kotak HTML/Javascript di halaman Design (add gadget).
@pian uhuy : itu warna bawaan dari scriptnya facebook dan hanya ada 2 opsi pada colorscheme, yaitu dark dan light. jadi opsi mengganti tema warna hanya dua itu kemungkinannya.
ok..makasih gan..uda keliatan...
ada tutorial buat besarin judul postingan ga
Thanks you Gan atas widget yang manis ini
Sangat bermanfaat..... :D
makasih om...
makasi gan, langsung ke TKP
mantab sangat ini blog! bener2 bermanfaat bgt buat blogger pemula spt saya,,hehe.. thx gan!
tank infonya,, i dah coba,, n berhasil... n sekalian minta izin mo postingin cara ini,, i pun baru 1 bulan didunia blogger,, jd lum ngrti luas tentang blogger
thaks ya atas info nya...
@katils: yup di setiap posting
Wih rame nya
aku nyicip juga
terimakasih
MAkasih artikelnya mas, blog saya jadi tambah cantik...
Nice info dan salam kenal mas/ sist. Please Follow aku ya mas yg punya blog.
salam kenal, artikelnya bagus gan, terutama untuk menjaring traffik melalui facebook
gak ada dua-duanya... ada cara alternatife..?
makasih bro.. visit my blog: http://storegadget.blogspot.com/
nice info...thanx alot..
visit me back..
http://yusron-news.blogspot.com/
kok di blog saya gak bisa, padahal saya sudah lakukan langkah di atas, gimana tuh.....
terima kasih
cek blog saya : www.teguhashax.blogspot.com
mantap gan... mo nanya neh... cara pasang widget facebook di sidebar gmn gan..??
visit mya blog ne.. http://gunawan-ti.blogspot.com
apakah maksud sobat like box? jika iya silahkan tengok disini: http://buka-rahasia.blogspot.com/2011/06/membuat-facebook-page-like-box-blog.html
mantapp euy
http://buka-rahasia.blogspot.com
emang keren saya jadi bisa buat blogger meski rada rada bingung
Mohon ijin untuk menayangkan artikel ini di blog saya & tolong diperiksa apa sudah sesuai/benar atau belum?
Syukron katsir atas perkenan serta kesediaannya...
http://k2ichsan.blogspot.com/2011/12/cara-memasang-facebook-like-otomatis-di.html
silahkan mas
saya sudah memasangnya tapi kok gadak perubahan ya? apa mestinya nunggu 24jam ? hihihi..mohon direply :)
aku juga gagal apa musti nunggu 72 jam....hheee....
thanks infonya gan..:)
makasih infonya gan
http://mbojonet.blogspot.com
alhamdulillah akhirnya bisa juga mas...
saya pemain baru.... kalau boleh tukar link ya mas?
ne link saya:
http://sangasiji.blogspot.com
Kok Beberapa kali aq copas nGgak Bisa sih Mas ....??
Mass ada Facebook Kan add saya Mas saya Pengen Belajar Dari Mas add saya di
Sini
https://www.facebook.com/profile.php?id=100002472802364
,,
Karena Saya Lihat Blog Ini perfecto ,,ada pasang Iklan,,twit,,Like buton DLL
tapi aq coba cara2 di atas nggak keluar jg mungkin Saya yang Blom Memahami betul ..
mohon Bimbingan nya Saya Pemula Bloging,,pengen sekali Bisa nulis2 Kreatif seperti Mas ..kalo mas di Surabaya Saya Mau belajar Banyak dr Mas ..
Berhasil boss...
Cara menggunakan Facebook Like Otomatis untuk artikel blog ada di tempat ane.. Hehhee...
mantab kang infonya... keep share...
Thanks Gan infonya sangat bermanfaat, saya banyak belajar dari blog ini. Sukses selalu,
terima kasih agan...akhirnya..berhasil juga
setelah mencari kesana kemari.
terima kasih
info bagus akan saya coba di http://freewaresoft20.blogspot.com
wah mas blognya keren banget, boleh kan saya belajar di sini.. mantap, salam kenal dari www.dudirudiana.blogspot.com
keren abis...mksih mas ats infonya...
bravo blgger indonesia!!
bermanfaat banget gan
mampir sini juga ya
http://www.diddotsite.co.cc
Mohon ijin untuk bertanya,
Kenapa sudah 1 minggu tombol FB Like saya rusak. Jika di klik tombol tersebut, lari ke windows konfirmasi Suka & setelah di klik suka selalu muncul,
"Halaman yang Anda minta tidak ditemukan"
"Anda mungkin mengklik tautan yang kedaluwarsa atau salah menuliskan alamat. Sebagian alamat membedakan kapitalisasi."
Padahal dulu tidak pernah ada masalah.
Mohon pencerahannya...
Makasih banyak masukannya Mas...
makasih kakak !!
Thanks gank udah terpasang di blog saya
Sila kunjungi blog saya jika ingin belajar bahasa Inggris http://englishahkam.blogspot.com/
Manstap bgt sob
Nice info mas, makasih atas infonya. Ini sangat membantu saya...
makasih bos infonya
fantastic, but not working on my owesome blog, but thanks
Wahh kren mas infonya..!! cuman pengen bertanya nih mas..!! itu like agar postingan muncul di facebook atau like otomatis ketika blog kita di buka? mohon pencerahan..!!
beh,,,, mentep gan,,, udah ane coba di : http://perangsangwaletkaltim.blogspot.com
thanks ya gan,,,,
gan untuk di template saya ada 4, kode nya diletakkan di yang keberapa gan...
Thanks gan infonya sangat bermanfaat... harap kunjungan baliknya....
thanks mas infonya, visit back yah..
SIP :) ijin repost :D . Mantab broo . . .
kenapa saya gak berhasil ya?
mohon pencerahan. :)
www.nuraisyah.net
Terimakasih banyak atas Tips-nya...
alhamdulillah bang berhasil.....
salam sukses
kunjungi blog saya bang : http://archel67.blogspot.com/
Thanks bro.. bermanfaat bgt tips'y :)
Mampir d blog saya juga : realstoryldr.blogspot.com
sangat membantu gan :v
Ga bisa mas bro... ada 4, apa di-paste-kan di semuanya atau salah satunya? bingung ne...(maklum newbi)
mampir dong ke blog saya : randyaditya88.blogspot.com
Ini cara yang apabila para sobat bloger membuka postingan, sudah ada tepat diatas dan dibawah judul positing...dan apakah terdapat pada setiap judul???
terimakasih atas infonya ya sob...
maksud setiap judul bagaimana?, yang jelas ada di setiap halaman artikel.
Makasih gan tutorialnya.. O iya, gimana ya caranya agar fb fan page blog kita akan otomatis ter-Like oleh setiap visitor blog kita, tapi tanpa sepengetahuan visitor kita?
Wah, maaf, saya tidak tahu caranya dan tidak mau tahu juga. Menurut saya itu cara yang tidak objektif, tipu-tipu, menjebak visitor, dan justru berefek buruk bagi blog. Natural lebih penting.
This comment has been removed by the author.
tampilannya sih ada, tapi kenapa gak otomatis likenya om? padahal saya udah di coba lagi tapi tetep gak otomatis.
Yang saya maksud otomatis bukan otomatis klik like-nya, tapi tombol tersebut secara otomatis muncul di setiap posting lengkap dengan url post tanpa harus setting secara manual. Kalo script like otomatis saya tidak bagi, dan tidak bisa bagi, karena itu merugikan pengunjung, membohongi, membodohi, dan akan membuat pengunjung lari.
loh kok dihapus bang??? kan cuma nanya...
okleah bang,,makash tutorialnya
Naro link page nya dmn om ?
Post a Comment