Cara Memasang Tombol Like Facebook

Written By Unknown on Sunday, March 6, 2011 | 10:55 PM

tombol-facebook-like Yang dimaksud Script Like dari pertanyaan diatas mungkin adalah tombol Facebook Like yang seperti
ada di facebook kali yah, koreksi jika salah Winking.

Tombol facebook Like berfungsi untuk mempermudah pengunjung blog anda untuk berbagi atau merekomendasikan artikel anda ke teman-teman mereka yang ada di facebook. Hal ini tentu saja apabila postingan anda dirasa bermanfaat bagi mereka dan ingin memberitahukan kepada teman-temannya.
Memasang tombol facebook like merupakan salah satu trik untuk mendapatkan jumlah pengunjung yang melimpah dari mereka para penggemar facebook, mengingat facebook merupakan situs jejaring sosial paling populer saat ini. Jadi, bagaimana cara memasang tombol facebook like di blogger?

Cara mengambil kode Tombol Facebook Like

Pada dasarnya, untuk mendapatkan tombol face book like, anda bisa mengambil dari halaman Facebook develover. Anda tinggal memasukkan beberapa settingan dan kode facebook like akan di generate.
Namun, agar tidak repot khusus untuk tombol facebook like yang kan di pasang di postingan blogger berikut adalah kodenya :

<iframe 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=450&amp;font=arial&amp;colorscheme=light&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/>

Cara pasang tombol Facebook Like di postingan blogger

Untuk pemasangan tombol facebook like, pertama yang harus dipikirkan adalah dimana anda akan memasangnya? diatas postingan atau di bawah postingan? hal lainnya yaitu apakah tombol tersebut akan muncul terus baik di halaman depan ( homepage) ataupun didalam postingan? atau hanya ingin muncul dihalaman depan saja (homepage)? atau mungkin anda hanya ingin tombol tersebut hanya muncul didalam posting saja?
Secara mendasar, kode posting blogger adalah seperti ini :

<data:post.body/>

Logika sederhana, apabila anda ingin memasang tombol facebook like diatas posting, tinggal simpan saja diatas diatas kode yang tadi. Sebaliknya, jika anda ingin memasangnya di bawah postingan, tinggal disimpan dibawahnya saja. berikut ilustrasi dasarnya :
Agar tombol letaknya muncul diatas posting :
< kode tombol facebook like  disini >
<data:post.body/>

Agar tombol letaknya muncul dibawah posting :
<data:post.body/>
< kode tombol facebook like  disini >

Agar tombol facebook like hanya muncul  di halaman depan saja (homepage) :

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:post.body/>
< kode tombol facebook like  disini >
</b:if>

Agar tombol facebook like hanya muncul  di halaman posting saja (single post) :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
< kode tombol facebook like  disini >
</b:if>

Diatas hanyalah sebagai ilustrasi saja. Berikut adalah cara sebenarnya untuk memasang tombol facebook like, namun sebagai contoh saja, kang Rohman akan mencontohkan untuk pemasangan di bawah posting dan akan muncul baik di homepage ataupun di single post.

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Rancangan. rancangan
  3. Klik tab Edit HTML. edit
 html
  4. Lakukan backup terlebih dahulu template anda dengan klik Download Template Lengkap.  backup template
  5. Beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget. expand template
  6. Silahkan cari kode berikut pada template anda ( tips : gunakan fasilitas find pada browser anda agar lebih cepat dalam pencarian, tekan Ctrl+F untuk mengaktifkan, lalu masukkan kode yg dicari).
    <data:post.body/>
  7. Copy kode berikut, lalu paste dibawah kode yang tadi :
    <iframe 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=450&amp;font=arial&amp;colorscheme=light&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/>

    code
  8. Klik tombol SIMPAN TEMPLATE.
  9. Selesai.

7 komentar:

Axedo said...

saya edo,, saya mau tanya cara ini bisa gak di pake kalo lewat hp ???
Soalnya saya uda coba pake hp,, tapi gak bisa... Gimana thuch ???
Makasih.
Http://ax35.blogspot.com

Unknown said...

wah saya juga kurang tau mas
memangnya hp yang mas pakai apa??
barangkali saja tidak didukung saya handphone yang mas pakai

Axedo said...

saya pake hp e63...
Tolong dibantu dong mas...
Makasih

Unknown said...
This comment has been removed by the author.
Unknown said...
This comment has been removed by the author.
Unknown said...

tapi Mas di template saya tidak ada code data:post.body/ ,udah pake CTRL+F lagi tapi tidak ketemu, gimana ni? mohon di bantu ya...

Abdian said...

gan, biar tombol like facebookny cuma untuk halaman awal aja gimana tuh? aku gagal terus

Post a Comment

ini Blog DOFOLLOW
Cantumkan Komentar Jika Kurang Jelas

 
berita unik