.

cara membuat like fb di blog

Posted by Berman HS Friday, November 15, 2013 0 comments

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 :
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 ATAS KUNJUNGAN SAUDARA
Judul: cara membuat like fb di blog
Ditulis oleh Berman HS
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://rabbanisibolis.blogspot.com/2013/11/cara-membuat-like-fb-di-blog.html. Terima kasih sudah singgah membaca artikel ini.
Comments
0 Comments

0 comments:

Post a Comment

Follow

Follow
Ricky Pratama support Eva's Blog - Original design by Bamz | Copyright of Tips-Tips & Unik.

Jam Kita