Tuesday, February 7, 2012

Memasang Facebook Like di Blog

Memasang Facebook Like di Blog - Bagi pengguna blogger atau blogspot. Cara memasang Facebook like di blog sangat mudah asalkan anda bisa menerapkan langkah langkah yang saya berikan. Memasang Facebook like diblog memang perlu, agar para visitor atau pengunjung bisa memberikan like atau suka bahkan membagikan atau share artikel blog kita kepada teman teman mereka di facebook. Dengan memasang facebook like di blog, tentunya apabila visitor sudah memencet tombol like yang ada pada setiap artikel blog, otomatis pada facebook mereka akan ada notice kalau visitor tersebut sudah menyukai artikel yang kita tulis. kemungkinan besar teman facebook mereka akan penasaran, "kenapa orang ini menyukai ini?" disinilah peluang blog kita akan kebanjiran visitor. ok deh sekarang lanjut ke cara memasang Facebook like di Blog.

Cara memasang Facebook like di blog

  • Login ke Blog anda > Design > Edit HTML > centang expand widget templates
  • Cari kode <data:post.body/> . Untuk pengguna read more biasanya ada 3 kode tersebut, Pilih saja kode yang kedua lalu paste kode berikut tepat di atas kode <data:post.body/>
<div class='facebook-like'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp; action=like&amp; layout=standard&amp; show_faces=false&amp;width=400&amp; font=arial&amp; colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/>
</div>

  • Simpan dan lihat hasilnya.
Cara memasang Facebook like di blog bukan hanya ini saja, tapi tergantung bagaimana anda bisa memahami kode kode yang ada pada template blog anda, sehingga tidak akan mengalami kesalahan dalam penempatan. Bicara mengenai penempatan facebook like ini akan tampil di atas setiap artikel atau postingan blog. Jika ingin di tempatkan pada bagian bawah setiap artikel / posting, maka anda tinggal paste saja dibawah<data:post.body/><data:post.body/> adalah kode dari artikel blog. Silahkan di coba memasang Facebook like di blog dengan cara ini dan jangan lupa kalau sudah berhasil, ditunggi tanggapan atau komentarnya yah ^^.

Mempercantik Facebook like di blog


Setelah memasang facebook like di blog anda sukses, tentunya semua orang ingin mempercantik tombol facebook like, iya kan? Sekarang kita akanmempercantik facebook like yang sudah di pasang pada blog anda dengan cara merubah warna background dan border ( garis tepi ) seperti di blog ini.

Cara mempercantik Facebook like di blog

  • Login ke blog anda > Design > Edit HTML
  • Cari kode ]]></b:skin> ( gunakan CTRL + F untuk mempermudah pencarian ) dan kalau sudah ketemu, silahkan paste Css berikut tepat di atas kode ]]></b:skin>
.facebook-like {background:#e6e6fa; color:#FF7800; border:1px solid #00bfff; font-size:12px; margin-top:5px;padding-left:5px;padding-top:5px}
  • Simpan dan lihat hasilnya :)
Catatan :
  • background:#e6e6fa adalah warna latar belakang
  • color:#FF7800 adalah warna tulisan
  • border:1px solid #00bfff adalah warna border / garis tepi
Silahkan ubah kode warna yang merah sesuai keinginan anda. [ sumber ]
rating 5