Terbaru: Optimasi URL Blog | 10 Tips Mempercepat Blog Load | 30 Strategi SEO | 15 Rahasia Menulis Konten

Thursday, February 7, 2013

Cara Memasang Tombol Like Facebook Di Bawah Judul Postingan

tombol like facebook
Sebelumnya saya pernah menulis tentang cara memasang facebook like box dan memasang tombol share yang mencakup tombol Pinterest, Twitter, Google+, dan tombol share lainnya. Nah, pada artikel kali ini saya akan menunjukkan tutorial mudah bagaimana cara memasang tombol like facebook di bawah judul postingan artikel Anda. Anda hanya cukup menggunakan kode yang akan saya berikan di bawah ini dan tidak akan mempengaruhi waktu loading blog Anda. Keuntungan dari memasang tombol like ini, pengunjung bisa langsung memberikan like setelah membaca judul artikel Anda.

Memasang Tombol Like Facebook di Blogger
  • Login ke akun Blogger lalu masuk ke Template
template blogger
  • Backup dulu template Anda jika perlu (tombol backup ada di pojok kanan atas)
backup-restore-template-blog
  • Klik Edit HTML
  • Centang "Expand Widget Template"
expand widget template

  • Kemudian cari kode ini:

<data:post.body/>

  • Tepat di atas kode tadi, masukkan kode di bawah ini: (Jika kode di atas ada 2, silahkan letakkan di atas kode yg kedua)

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=box_count&amp;show_faces=false&amp;width=55&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=62&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:55px; height:62px;'/> </b:if>

  • Simpan template Anda dan selesai.

Lihat blog Anda lalu pastikan script ini sudah bekerja dengan baik dan tombol like facebook sudah berada di bawah judul posting Anda. Jika ada kesulitas silahkan bertanya. :)
Author: Balaputra
Balaputra adalah seorang mahasiswa yang melakukan aktivitas blogging hanya untuk menghabiskan waktu luang.