Login ke blogger dasbor dan pilih layout - edit HTML jangan lupa centang “Expand Widget Templates” dan cari code berwarna merah dibawah ini
<data:post.body/>
Dengan menekan tombol ctrl+f pada browser anda, copas warna merah diatas pada kotak skin lalu klik next nah ketemu kodenya yang berwarna hijau seperti terlihat pada gambar.......
copas code dibawah ini setelah code berwarna merah diatas
<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>
klik simpan template
lihat tampilan blog anda:
Atau coba saja cara yang ini:
button yang ini hanya menampilkan count 'berapa user' yang sudah mengklik nya.
Kunjungi facebook developers, scroll ketengah, ketemu seperti screenshoot dibawah:
Pada bagian 'Layout Style' pilih 'Button_count'. Ini akan menyedehanakan tampilan. Untuk pengaturan yang lainnya bisa ditentukan sendiri. Jgn lupa memasukkan URL/domain. Setelah selesai, hantam 'Get Code' pada bagian bawah.
Ada dua type kode yang disediakan, satu berbasis iFrame, dan satunya yang berbasis XFBML. Untuk menggunakan yang kedua, anda diharuskan untuk mendaftarkan aplikasi (*domain) ke facebook developer
Agar mudah, gunakan yang pertama saja.Ada dua type kode yang disediakan, satu berbasis iFrame, dan satunya yang berbasis XFBML. Untuk menggunakan yang kedua, anda diharuskan untuk mendaftarkan aplikasi (*domain) ke facebook developer
***
Untuk penerapan/pemasangan di blogger, ikuti (note: kode akan disematkan dibawah posting):1. Masuk ke dashboard + design + Pages Element + tambah gadget -- input code
2. Karena saya bemaksud untuk menampilkan button ini dihalaman artikel, akan ada penambahan kondisi yang disematkan. Ikuti saja format dibawah:
<b:if cond="data:blog.pagetype == "item"">
-- input facebook like button code here--
</b:if>
-- input facebook like button code here--
</b:if>
ada kasus dimana plugin ini melorot kebawah. kalau ini terjadi, padatkan codenya dengan menghilangkan spasi, antara '<' dan '>'. Perhatikan, tidak semua spasi bisa dihilangkan.
3. Langkah terakhir dengan menDrag widget ke tempat yang diinginkan, apakah footer, sidebar atau yang lain. Saya menyarankan dibawah post.
artikel lain Memasang kotak komentar facebook pada blog
artikel lain Memasang kotak komentar facebook pada blog
No comments:
Post a Comment