Tombol Suka Dari Facebook

Yang dinanti-nanti telah tiba, Facebook akhirnya merilis sebuah plugin/widget untuk blog. “Tombol Suka”, jika blog anda masih kalah bersaing dengan blog lain di Search Engine/Mesin Pencari seperti Google, Yahoo, Altavista, Addons/Widget buatan tim Facebook ini dapat menjadi alternative lain untuk mencari traffic blog anda dan juga untuk mencari popularitas blog serta Facebook anda, karena jika seorang pembaca di blog anda mengklik tombol ini, maka secara otomatis, di halaman profil Facebook pembaca tersebut akan muncul link ke blog anda.

Untuk tambahan, widget ini juga dapat menaikkan Pagerank blog anda, jadi ada baiknya juga memasang widget kecil ini. Ada beberapa tempat pemasangan untuk widget dari Facebook ini. Pertama, anda dapat memasangnya dibawah judul blog, kedua, anda dapat memasangnya di bawah postingan. Coba perhatikan gambar diatas! Gambar diatas ini merupakan contoh “widget suka” yang berada di bawah postingan.

Pada postingan ini, saya juga akan menjelaskan pada anda tentang cara pemasangan widget ini berserta cara
mengganti tampilannya. Sekarang perhatikan kode widget dibawah ini!

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

       

• Anda dapat mengganti tulisan “Like” dengan cara mengganti tulisan yang berwarna merah pada kode diatas 
• Anda juga diperbolehkan untuk mengganti jenis hurufnya, dengan cara mengganti tulisan yang berwarna biru pada kode diatas

1. Memasang dibawah Judul Postingan

Untuk memasang widget tersebut dibawah judul postingan, anda harus:

1. Login ke Blogger

2. Pilih Tata Letak/Rancangan

3. Klik Edit HTML

5. Centang kotak didepan Expand Widget Templates

6. Temukan kode

<div class='post-header-line-1'/>

7. Pasang kode Widgetnya tepat dibawah kode tersebut

8. Jika anda tidak menemukan kode diatas, coba cari kode

<data:post.body/>

9. Lalu, tambahkan kode widgetnya diatas kode tersebut

2. Memasang dibawah Area Postingan

Caranya seperti tutorial yang diatas, lalu

1.Cari kode

<data:post.body/>

2. Tambahkan kode widgetnya dibawah kode diatas kode <data:post.body/>

Jika anda tidak mencentang kotak “expand widget templates”, maka anda tidak akan menemukan kode

<data:post.body/>

Setelah semua selesai, maka simpan template anda dan coba lihat hasilnya, apakah anda berhasil? Semoga saja berhasil. Selamat mencoba dan berkreasilah . . .