Membuat facebook like di blog (blogspot),
pada umumnya ada beberapa jenis dan cara penempatan. Jenis-jenis ini
antara lain facebook like box dan facebook like button. Untuk
penempatannya bisa dilakukan di dalam posting / artikel ataupun di
diluar artikel, pada menu gadget misalnya.
Facebook like box biasanya ditempatkan diluar posting, bisa diatas, dibawah, samping kanan atau samping kiri, tergantung ke inginan. Namun untuk facebook like button disarankan penempatannya dilakukan didalam posting blog/ artikel. Keuntungan memasang facebook like ini pada blog / web salah satunya, jika nantinya ada pengunjung blog yang membaca artikel kita dan mereka suka atau menganggap tulisan kita bermanfaat, maka mereka bisa merekomendasikan artikel kita ke facebook melalui like button. Apalagi saat ini facebook merupakan situs yang paling sering dikunjungi di Internet, bukan tidak mungkin pula nantinya pengunjung situs kita datang dari facebook.
Berikut ada 3 tips penempatan facebook like di dalam maupun diluar posting :
Facebook like box biasanya ditempatkan diluar posting, bisa diatas, dibawah, samping kanan atau samping kiri, tergantung ke inginan. Namun untuk facebook like button disarankan penempatannya dilakukan didalam posting blog/ artikel. Keuntungan memasang facebook like ini pada blog / web salah satunya, jika nantinya ada pengunjung blog yang membaca artikel kita dan mereka suka atau menganggap tulisan kita bermanfaat, maka mereka bisa merekomendasikan artikel kita ke facebook melalui like button. Apalagi saat ini facebook merupakan situs yang paling sering dikunjungi di Internet, bukan tidak mungkin pula nantinya pengunjung situs kita datang dari facebook.
Berikut ada 3 tips penempatan facebook like di dalam maupun diluar posting :
Membuat facebook like di luar posting blog
Untuk menerapkan cara ini, terlebih dahulu kita harus membuat facebook like box, silahkan baca artikelcara pasang like box facebook di blog untuk membuatnya. Apabila anda masih belum punya fanspage untuk blog Anda, silahkan juga baca cara membuat fanspage facebook.
Setelah like box selesai di buat maka cukup copy paste kode HTML yang
didapatkan pada saat membuat like box kedalam GADGET blog.
Membuat facebook like di bawah judul posting
Untuk
membuat facebook like dibawah judul blog, kita tidak akan menggunakan
like box lagi, melainkan menggunakan LIKE BUTTON yang telah disediakan
oleh Facebook Developers. Langkah langkahnya sebagai berikut :
1. Buka tab baru, copy dan kunjungi url berikuthttps://developers.facebook.com/docs/reference/plugins/like/
2. Masukkan URL Halaman Facebook anda ke dalam kolom URL TO LIKE. Silahkan ubah sesuaikan penampilan sesuai kreasi Anda sendiri. Biasanya saya tidak memakai SHOW FACES dalam cara ini, agar like button terlihat menyatu dengan Artikel. Gambar tampilanya akan seperti dibawah ini :
1. Buka tab baru, copy dan kunjungi url berikuthttps://developers.facebook.com/docs/reference/plugins/like/
2. Masukkan URL Halaman Facebook anda ke dalam kolom URL TO LIKE. Silahkan ubah sesuaikan penampilan sesuai kreasi Anda sendiri. Biasanya saya tidak memakai SHOW FACES dalam cara ini, agar like button terlihat menyatu dengan Artikel. Gambar tampilanya akan seperti dibawah ini :
3.
Jika sudah selesai selanjutnya klik GET CODE. Pilih HTML5 pada kode
plugin yang ditampilkan. Pada HTML5 terdapat dua kode yang berbeda kode
#1 dan kode #2, nantinya dua kode ini akan dipasang kedalam template
blog.
4.
Pada tab lain, buka DASBOR BLOGGER - TEMPLATE - EDIT HTML - beri tanda
Checklist pada EXPAND TEMPLATE WIDGET. (Sebelum memulai edit template
mungkin lebih baik download dulu template lengkap, ini untuk
mengantisipasi jika terjadi kesalahan saat edit template agar bisa
dikembalikan seperti semula).
5. Cari kode <body> , gunakan CTRL+F untuk mempermudah pencarian. Lalu Copy kan kode # 1 TEPAT DIBAWAH kode <body>
6. Selanjutnya cari kode <data:post.body/>. Jika ada dua kode data:post.body, maka pilih kode yang kedua, jaraknya tidak jauh dengan kode yang pertama. (Kadang kadang setiap template memang berbeda data:post.body nya jika sudah diberi readmore). Selanjutnya Copy kan kode # 2 TEPAT DIATAS <data:post.body/>.
7. Gunakan PRATINJAU dulu untuk mengetahui adanya kesalahan atau tidak. Klik SIMPAN TEMPLATE untuk mengakhiri. Hasilnya akan seperti pada gambar dibawah ini :
5. Cari kode <body> , gunakan CTRL+F untuk mempermudah pencarian. Lalu Copy kan kode # 1 TEPAT DIBAWAH kode <body>
6. Selanjutnya cari kode <data:post.body/>. Jika ada dua kode data:post.body, maka pilih kode yang kedua, jaraknya tidak jauh dengan kode yang pertama. (Kadang kadang setiap template memang berbeda data:post.body nya jika sudah diberi readmore). Selanjutnya Copy kan kode # 2 TEPAT DIATAS <data:post.body/>.
7. Gunakan PRATINJAU dulu untuk mengetahui adanya kesalahan atau tidak. Klik SIMPAN TEMPLATE untuk mengakhiri. Hasilnya akan seperti pada gambar dibawah ini :
Membuat facebook like di bawah artikel
Membuat
facebook like bisa juga diletakkan di akhir sebuah artikel atau
posting. Cara penempatannya pun cukup mudah. Kita hanya cukup melakukan
cara yang sama seperti diatas. Bedanya hanya ada pada penempatan kode ke
#2.
1. Seperti cara sebelumnya, tempatkan kode #1 TEPAT DIBAWAH kode <body>
2. Sekarang perbedaannya ada disini, tempatkan kode #2 TEPAT DIBAWAH <data:post.body/>
3. SIMPAN TEMPLATE untuk mengakhiri. Selesai.
1. Seperti cara sebelumnya, tempatkan kode #1 TEPAT DIBAWAH kode <body>
2. Sekarang perbedaannya ada disini, tempatkan kode #2 TEPAT DIBAWAH <data:post.body/>
3. SIMPAN TEMPLATE untuk mengakhiri. Selesai.
Membuat facebook like untuk artikel / bukan fanspage
Cara
terakhir ini kita hanya menambahkan like button saja, tanpa menggunakan
fanspage. Like button ini berfungsi untuk "ngelike" dan mengirimkan
artikel saja kepada teman facebook kita.
Langkah untuk memasangnya sebagai berikut :
1. Buka DASBOR BLOGGER - TEMPLATE - EDIT HTML - beri tanda Checklist pada EXPAND TEMPLATE.
2. Cari kode <data:post.body/> , jika ada 2 maka pilih data:post.body yang kedua.
3. Copy kode ini :
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='450'/>
dan letakkan TEPAT DI BAWAH kode <data:post.body/> maka facebook like akan berada di akhir artikel / posting.
Jika ingin meletakkannya di bawah judul posting, cukup letakkan kode tersebut TEPAT DIATAS kode<data:post.body/>
4. SIMPAN TEMPLATE, dan hasilnya akan seperti pada facebook like yang ada pada akhir artikel ini.
Demikianlah tips singkat tentang cara membuat facebook like di blog, cara ini sudah terbukti berhasil. Buktinya bisa dilihat pada semua artikel blog ini. Semoga bermanfaat.
Langkah untuk memasangnya sebagai berikut :
1. Buka DASBOR BLOGGER - TEMPLATE - EDIT HTML - beri tanda Checklist pada EXPAND TEMPLATE.
2. Cari kode <data:post.body/> , jika ada 2 maka pilih data:post.body yang kedua.
3. Copy kode ini :
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='450'/>
dan letakkan TEPAT DI BAWAH kode <data:post.body/> maka facebook like akan berada di akhir artikel / posting.
Jika ingin meletakkannya di bawah judul posting, cukup letakkan kode tersebut TEPAT DIATAS kode<data:post.body/>
4. SIMPAN TEMPLATE, dan hasilnya akan seperti pada facebook like yang ada pada akhir artikel ini.
Demikianlah tips singkat tentang cara membuat facebook like di blog, cara ini sudah terbukti berhasil. Buktinya bisa dilihat pada semua artikel blog ini. Semoga bermanfaat.