Nah, bila anda ingin juga memasang tombol “Like” di artikel blog, berikut ini cara pemasangannya.
Sebenarnya, di situs Facebook sudah tersedia tool untuk mendapatkan kode yang bisa dipasang di website/blog (silahkan lihat di sini). Tapi sayangnya, pada pilihan URL to Like di tool itu, kita hanya bisa menentukan URL statis, tidak bisa membaca secara otomatis URL setiap artikel/halaman blog (URL dinamis). Untuk itu perlu sedikit modifikasi dari kode yang bisa di dapat di Facebook itu.
Silahkan pilih kode yang sesuai dengan platform blog yang dipakai.
1. Pasang di template Blogspot/Blogger
Silahkan login, masuk ke Layout, lalu klik Edit Template, centang pilihan Expand Widget Templates. Cari kode<data:post.body/>
di template anda, lalu di atas/di bawahnya pasang kode ini:<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&action=like&layout=standard&show_faces=false&width=450&font=arial&colorscheme=light"' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:25px;'/>
*
2. Pasang di template WordPress.ORG (self hosted)
Silahkan login, masuk ke Appearance, lalu klik Editor (Themes editor). Silahkan buka template Single Post (single.php) atau Page Template (page.php). Carilah kode<?php the_content(); ?>
, lalu di atas/di bawahnya tambahkan kode ini:<iframe src="http://www.facebook.com/plugins/like.php?href=<?php the_permalink() ?>&action=like&layout=standard&show_faces=true&width=450&font=arial&colorscheme=light" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:25px;"></iframe>
*
3. Pasang di Sidebar/Widget/Webpage (javascript)
<script type="text/javascript"> document.write('<iframe src="http://www.facebook.com/plugins/like.php?href=' + escape(location.href) + '&action=like&layout=standard&show_faces=true&width=100%&font=arial&colorscheme=light" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:100%; height:25px;"></iframe>'); </script>
*
Catatan:
- Kita bisa memilih setting tampilan tulisan pada tombol, yaitu “Like” (Suka) atau “Recommend” (Rekomendasikan). Silahkan ganti kode like pada bagian
action=like
menjadiaction=recommend
pada pilihan kode di atas (kode berwarna biru). - Kalau mau silahkan ganti-ganti setting pada kode yang berwarna hijau, utuk pilihannya silahkan lihat di situs Facebook.
0 Berkomentarlah dengan sopan, jangan spam:
Posting Komentar