cara pasang tombol like fb di postingan

Tombol ini berfungsi untuk promosi blog , caranya , ketika ada salah satu pengunjung blog kita yang menyukai postingan kita dan si pengunjug tadi menekan tombol like nya maka postingan kita akan muncul di dinding si pengunjung yang mengklik tmbol like tadi . Paham kan , yaaa,,, kurang lebih begitu lah fungsinya.

Cara membuat tombol like facebook di blog .

• Login dulu ke blogger
• Ketika di halaman dasbor , klik rancagan .
• Kemudian pilih Edit Html + centang kotak Expand Template Widget.
  Dalam Tutorial kali ini saya akan meragakan memasang tombol facebook like di bawah judul posting

Untuk memasang tombol like ini di atas posting , sobat cari kode   <div class='post-header-line-1'/> , bisa menggunakan control F , kalau sudah ketemu masukkan kode tombol like facebook ini di bawah kode   <div class='post-header-line-1'/> yang sobat temukan .

Source Script

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

Apabila cara yng di atas tidak bisa anda bisa mengunakan cara yang lain seperti di bawah ini

1. Buka Blogger. Masuk ke menu Design -> Edit HTML

2. Klik centang pada "Expand Widget Templates"

3. Cari kode <data:post.body/> , jika kesulitan 
    menemukan kode ini gunakan Ctrl + F

4. Jika anda menemukan dua kode di dalam template maka pilih yang pertama atau yang kedua

5. Letakkan kode yg di atas tadi dibawah posting atau letakkan diatas jika anda ingin memasang tombol like diatas postingan atau artikel Anda.

Apabila Cara pertama dan kedua tida bisa juga' nih.. masih ada cara ketiga denngan cara ini di jamin berhasil karna saya paki cara yang ketiga .liat contohnya di sini
  
Ok Langsung saja ...

Tutorial cara pasang tombol like fb di postingan

Seperti biasa, pertama silakan login dulu ke blogger

Setelah 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:545px;
height:20px;
}

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/>

<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>

Sekarang silakan simpan kembali template anda dan silakan lihat hasilnya, apakah Facebook Like Button nya sudah terlihat.

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.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>

Selamat Mencoba dan semoga berhasil ...

Artikel ini telah saya update pada tanggal 14/11/2011