Ok Langsung saja ...
Tutorial Cara Menambahkan Facebook Like Button Di Blogger
Seperti biasa, pertama silakan login dulu ke bloggerSetelah itu silakan klik Design / Rancangan / Tata Letak, kemudian klik bagian Edit Html
Cari Kode
]]></b:skin>Letakkan kode berikut di atas ]]></b:skin> tadi
.fb_like_box {
-moz-border-radius:5px 5px 5px 5px;
border-radius:10px;
background:#f5f5f5;
border:1px dotted #ddd;
margin-bottom:10px;
padding:10px;
width:500px;
height:20px;
}Penting Untuk Diketahui !!!
Silakan ganti kode yang saya beri warna merah (500) dengan ukuran lebar yang sesuai dengan template teman.Simpan dulu dengan cara mengklik tombol Simpan / Save (Letakknya di bawah).
Beri centang pada pada bagian Expand Widget Templates. Jika belum tahu tempatnya silakan lihat di cara membuat auto read more di blogger
Masukkan kode berikut di bawah kode <data:post.body/>
Sekarang silakan simpan kembali template anda dan silakan lihat hasilnya, apakah Facebook Like Button nya sudah terlihat.<div class='fb_like_box'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='400'/> </div>
Oh ia ...
Jika anda meninginkan Facebook Like Button nya terlihat di halaman posting saja silakan pasang kode yang ini, kode di atas tidak perlu di pasang.
Selamat Mencoba dan semoga berhasil ...<b:if cond='data:blog.pageType == "item"'> <div class='fb_like_box'> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='400'/> </div> </b:if>
Artikel ini telah saya update pada tanggal 13/06/2011
April 12, 2011 12:02 PM
bisa enggak kalau pake HTML/JAVA SCRIPT ...????
June 6, 2011 2:10 PM
keren bgd, thanks ^_^
June 12, 2011 11:11 PM
barusan saya coba dan berfungsi mas, makasih, cuma masalahnya adalah, knapa tiba2 disamping tombol "like"-nya tertulis "334,010 people like this. "
gila bener mas, saya takut nanti dikira meng manipulasi/menipu. bisa dijelaskan kira2 gimana itu ?
makasih ^^
June 13, 2011 1:00 AM
Mas Dheny ...
Terimakasih telah memberi komentar.
Kode sudah saya update, silakan gunakan kode yang baru
June 26, 2011 12:08 PM
Sama seperti kasusnya Dheny <------
tapi akhirnya bisa juga
July 4, 2011 2:00 PM
gan mantapz... tapi yang dibelakang href harusnya link fanpage web masing" hehe soorry kalo menggurui :D
Visit Back ya ;-)
www.blogbelajarpintar.blogspot.com
July 29, 2011 9:08 AM
wow...mantapz gan,sy jg dah nyoba.cman gmn cara penempatanx agr lebih cenring lg.thx
September 6, 2011 11:25 AM
Yang kode kedua tu ga bisa di pake ya ??
September 12, 2011 6:39 AM
ko sulit ya mas??ga ad perubahan??padahal uda ngikutin semua petunjuknya
October 1, 2011 7:36 AM
luar biasa gan, thanks ya :)
October 22, 2011 2:26 PM
gimana cara membuat postingan supaya code a href ditad kelihatan di beranda?
October 30, 2011 5:03 PM
SAYA MASIH BINGUNG SEBAB SAYA NEWBIE BANGET
DI COBA GAGAL LAGI GAGAL LAGI GAGAL LAGI
November 2, 2011 2:40 AM
Aku oba kok belum muncul ya??
November 17, 2011 11:33 AM
makasih gan, tapi kenapa ya, ukuran panjang garis kepanjangan dari jatah template posting saya, mohon di bantu. coba cek di www.imgmusik.com
mohon petunjuknya....
November 17, 2011 8:08 PM
@Ibnu Hr.
Silakan mas ganti kode css nya dengan kode berikut.
.fb_like_box {
-moz-border-radius:5px 5px 5px 5px;
border-radius:10px;
background:#f5f5f5;
border:1px dotted #ddd;
margin-bottom:10px;
padding:10px;
width:485px;
height:20px;
}
Terimakasih
November 25, 2011 11:49 AM
gan gok di blog jadinya setelah artikele di klik baca selanjutnya Button like nya hilang gan
mohon bantunya gan....
saya anak baru
December 10, 2011 6:32 PM
Mantap gan.... nice inpoooo.... Visit me back OK.... http://sahrodi.blogspot.com/
:)
December 12, 2011 10:25 PM
sip
December 19, 2011 3:03 AM
keren bang....
mampir 'n' follow balik yah.... http://yosefcutttingsticker.blogspot.com
December 20, 2011 1:58 PM
mantap bos.........good share....sya masih pemula kalau urusan blo.....hehehehe
coba join kesini juga ya bos....hehehe
http://ibuponsel-beta.blogspot.com/
December 20, 2011 4:07 PM
berhasil gan...
December 30, 2011 11:37 PM
Sangat Bermanfaat dalam meningkatkan traffik... trimakasi telah berbagi....
January 9, 2012 1:49 AM
Sippp bang infonya. lama muter2 akhirnya nemu jg disini hehehe
January 18, 2012 1:15 PM
hemm,,saya udah coba gan,,tapi gak muncul,,yang muncul hanya warna putih,,tapi button fb nya gak ada?
January 18, 2012 8:15 PM
@nas_phie fb like di blog ini bisa dilihat engga. soalnya script itu sama dengan yg saya pasang di blog ini. coba di muat ulang halamannya.
Oh ia,,, ntar scriptnya akan saya cek lagi.
January 28, 2012 5:57 PM
thank informasinya bro...
February 7, 2012 12:58 PM
thanks infonya, sangat bemanfaat
February 9, 2012 8:33 AM
keeren abizzz
February 9, 2012 4:21 PM
bang, di template saya gak ada code ini :
saya pke template standard, gimana bang jadinya?
February 16, 2012 4:00 PM
Terima kasih atas infonya, sangat berguna sekali terutama bagi saya yang masih pemula dalam ber-bloging ria ini.. :D
February 21, 2012 11:47 PM
ijin copas boleh???
February 23, 2012 4:16 PM
Yah...
di coba di blog ku kok nggak muncul ya?....
kasi solusi nya donk...