Pasang Tombol Like Facebook di Blog

Unknown | 10:55 AM | Blog Tutorial , Facebook

Bila dipostingan tutorial blog ewabloggerock yang lalu ewa sudah berbagi tips tentang Cara Membuat Postingan Blog Tampil di Facebook, Maka kali ini Mumpung lagi mood.., saya mw share tutor tentang cara pasang tombol “Like” di dalam postingan, tepatnya sebelum atau sesudah postingan. yang juga berguna untuk meningkatkan traffic pengunjung atau visitor blog punya sobat...!!! bisa sobat lihat contohnya pada gambar dibawah..

Fungsi utama tombol like ini yaitu Ketika ada pengunjung yang tertarik dengan artikel anda dan pengunjung tersebut mempunyai akun di facebook kemudian menekan tombol Like tersebut, maka otomatis artikel beserta linknya akan terkirim di dinding facebooknya dan akan bisa dibaca oleh teman-temannya atau jaringannya. yaaah., bisa dikatakan dengan memasang tombol like seperti ini, blog sobat bisa kebanjiran visitor dan meningkatkan traffic blog sobat... :-bd

Ok sobat,..!, langsung saja kita bahas cara membuat tombol like facebook pada setiap postingan blog anda. Langkah-langkahnya adalah:

-Untuk Template bawaan blogger biasanya kodenya dipaste diatas atau dibawah <data:post.body/> seperti ini contohnya:
1. Log-in ke blog anda

2. Pilih Rancangan >Edit HTML

3. Download template lengkap terlebih dahulu

4. Centang Expand Template Widget

5. Cari kode <data:post.body/> Jika kode tersebut ada dua pilih kode pertama

6. Copy kode berikut

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

7. Kemudian klik simpan dan lihat hasilnya...

-Untuk Template yang udah di utak-atik atau selain template bawaan dari blogger seperti templateku ini.., kodenya bisa dipaste dibawah <div class='post-body entry-content'>. hasilnya eperti ini:

<div class='post-body entry-content'>

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

-----------------------------------------------------------------------------------------------------------------

NB:

Jika tombol LIKE facebook ingin ditampilkan selain di halaman utama, hapus kode yang berwarna orange diatas.
Anda juga bisa merubah tinggi dan lebar dari iframe tersebut...

...Selamat Mencoba Sobat...

Description: Pasang Tombol Like Facebook di Blog
Rating: 4.5