Tuesday 31 July 2012

Cara Memasang Tombol Like Facebook Di Blogspot

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 tentumembutuhkan beberapa proses yang lebih lama dibanding jika hanya meng klik tombol like / suka.
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://cihuir.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.
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.
Selamat mencoba...


0 comments:

Post a Comment

 
© Copyright 2015 Berbagi ilmu