Tutorial kali ini saya akan membahas tentang bagaimana Cara Pasang Tombol Like Facebook di Blog. Sebelumnya, saya perkenalkan dahulu sebuah tombol like atau tombol suka yang di buat oleh Facebook. Tombol like ini berguna untuk mengetahui seberapa pintarnya si pemilik blog membuat tampilan blog itu disukai oleh pengunjung. Maka dari itu, saya sarankan sebelum memasang tombol ini silahkan benahi dahulu tampilan blog anda supaya menjadi lebih rapi dan enak di pandang. Anda kesulitan untuk mendesai template menjadi lebih baik dan SEO Friendly? Hubungi saya.
Sebelumnya, saya katakan button ini akan tampil pada setiap postingan yang ada dalam blog Anda. Tergantung di mana anda menaruhnya. Untuk contoh nya, saya sudah mempersiapkannya di bawah ini. Silahkan lihat :
Nah, bagus bukan. Jika anda tertarik untuk memasangnya, silahkan ikuti langkah-langkahnya di bawah ini :
- Login - Rancangan / Tata Letak - Edit HTML
- Centang pada Expand Template Widget
- Cari kode berikut ini { Lebih mudahnya tekan ctrl + f } :
<data:post.body/>
- Letakkan kode berikut setelah kode tadi:
<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>
Tombol tersebut akan tampil pada setiap post dan tidak akan tampil pada homepage, namun jika anda ingin menampilkannya di semua halaman (termasuk homepage), maka hilangkan atau hapus kode yang berwarna merah. - Klik Save Template.
Kustomisasi Tambahan
Ada beberapa kustomisasi yang bisa anda terapkan pada tombol ini. Seperti berikut:
- Penggantian kalimat like menjadi recommend pada kode yang bertuliskan action=like menjadi action=recommend dan akan tampil seperti ini :
- Coba ganti tulisan colorscheme=light menjadi colorscheme=dark atau colorscheme=evil
- Anda juga bisa mengganti model tulisan yang semula font=arial menjadi salah satu dari opsi berikut ini:
- font=lucida+grande
- font=segoe+ui
- font=tahoma
- font=trebuchet+ms
- font=verdana