Cara Pasang Facebook LIKE & SHARE di tiap Posting Blog

Cukup lama aku nggak utek-utek blog he...he..., lagi sibuk urusan dapur dan sibuk facebookan thok. Banyak ide yang mau ditulis, saking lamanya samapai lupa......???? Beberapa hari lalu ingin rasanya ngedit template blog dengan nambahin beberapa asesoris blog, teringat aktifitas iseng facebookan jadi pingin nggabungin artikel blog dengan facebook seperti LIKE dan SHARE.

Langsung aja kerumah mbah Google buat nyari cara-cara nambahin accesories tersebut. Dalam hitungan detik langsung mbah google ngasih beberapa situs rujukan untuk menuhin niat aku. Dengan semangat 45 dan pengatahuan HTML yang nol, hampir 10 situs or blog aku cobain, eh ternyata tombol LIKE & SHARE nggak muncul di postingan, pusinggggg aku.

Aku teringat kalau template blog aku bukan bawaan blogger, berarti harus sedikit otak-atik, AND akhirnya hampir 2 jam tercapai juga. Buat ente yang nggak pakai TEMPALTE asli blogger coba pakai cara ini, LANGSUNG AJA bos :

1. Silahkan ente login ke akun blogger ente.
2. masuk ke bagian RANCANGAN dan EDIT HTML, jangan lupa centang EXPAND TEMPLATE WIDGET
3. dengan menggunakan crtl+F anda cari perintah <data:post.body/>
   , biasanya banyak perintah tersebut didalam html blog, seperti diblogku ini ada 3 perintah <data:post.body/>. Yang anda gunakan adalah perintah paling atas, BIASANYA ada perintah <b:if cond='data:blog.pageType == &quot;item&quot;'>.
4. letakkan perintah dibawah ini tepat dibawah <data:post.body/>
   atau setelah perintah <b:if cond='data:blog.pageType ==&quot;item&quot;'> atau coba salah satu.

<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

<br/>

<p><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:100px;'/></p>

Lalu simpan template ente. Kalau berhasil hasilnya seperti ini dibawah ini. SELAMAT MENCOBA !.

Share

Laskar Pelangi Blog oleh M. Yasin, S.Si., MM disebarluaskan di bawah Lisensi Creative Commons Atribusi-NonKomersial-TanpaTurunan 4.0 Internasional.
Berdasarkan ciptaan pada thelaskarpelangi.blogspot.com

Posted in: Web Blog