Friday, 7 June 2013

4 CARA MEMBUAT FACEBOOK LIKE DI BLOG DAN MODEL PENEMPATANNYA

Pada postingan sebelumnya sudah di jelaskan tentang  Cara memasang meta tag otomatis di setiap halaman blog  dan  Cara Membuat Widget blog bergerak ,, dan kali ini tentang cara
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 :

Membuat facebook like di luar posting blog

Untuk menerapkan cara ini, terlebih dahulu kita harus membuat facebook like box, silahkan baca artikel cara 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,klik url berikut https://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 :


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.

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.

Sumber : http://berbagiinfo4u.blogspot.com/2013/02/membuat-facebook-like-di-blog.html

Terima kasih telah berkunjung ke blog ini,,, sebelum sobat pergi silahkan tinggalkan tanda tangan sobat di komentar postingan ini,,,, hati 2x yah sob gentayangannya.....