Kamis, 17 Januari 2013

Membuat dan memasang tombol like facebook postingan blog

Cara Memasang / Menambahkan tombol like / suka facebook di blog, merupakan salah satu cara mengoptimalkan postingan blog agar lebih mudah disebarkan, ini berbeda dengan tombol "share" atau bagikan. Ada keunggulan jika kita memasang tombol like facebok dibanding memasang tombol share di blog. Jika seseorang akan membagikan postingan blog kita tentu membutuhkan beberapa proses yang lebih lama dibanding jika hanya meng klik tombol like / suka.
memasang membuat dan menambahkan tombol like suka facebook di postingan blog
Nah, pada kesempatan kali ini, ane mau berbagi sama temen-temen yang pengen tau cara memasukkan tombol like facebook di blognya. Yuk Mareeee....
1. Login ke akun blog Anda, klik Rancangan > Edit HTML
2. Ingat download dulu template Anda agar jika terjadi kesalahan kita bisa upload kembali.
3. Centang kotak Expand Template widget
4. Cari kode  <body> kemudian masukkan masukkan kode di bawah ini tepat di bawah kode  <body> tadi
 <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
5. Temukan kode <data:post.body/> kemudian masukkan kode ini di bawahnya.
<div class="fb-like" data-href="http://julak-net.blogspot.com/" data-send="true" data-width="450" data-show-faces="true"></div>
Jangan lupa untuk mengganti nama blog Anda yang ditandai dengan warna merah. Angka 450 menunjukkan lebar ukuran tombol like (seperti gbr di bawah) :
6. Klik pratinjau dahulu, jika berhasil Kemudian simpan template Anda.
7. Jika belum berhasil cari kode-kode yang seperti berikut  contoh berikut:
<div class='postauthor'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
kemudian masukkan kode pada langkah 5 di bawah atau di atasnya kode pada nomor 7.
Oke, Selamat Mencoba
Artikel Terkait :

0 komentar:

Posting Komentar

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes