Berikut trik untuk menambahkan link atau tombol share to facebook pada blog.
pertama cari code berikut ini
<title><data:blog.title/></title>
Dan ganti dengan ini
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
Code di atas di maksudkan agar title blog kita sesuai dengan isi postingan yang nantinya bila mana akan di share ke facebook maka isi postingan akan otomatis dibaca oleh facebook.
Untuk template yang sudah di modifikasi atau bukan template asli dari blogger, biasanya code tersebut sudah di modifikasi, jadi lewatkan saja code di atas.
selanjutnya cari kode berikut
<span class='post-comment-link'>
dan tambahkan code berikut setelah kode tersebut di atas
<span class='post-comment-link'>
<span style='float:right;'>
<script language='JavaScript'>
function fbs_click() {
u=location.href;
t=document.title;
window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;
}
</script>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url + "&t=
quot; + data:post.title' onclick='return fbs_click()' target='_blank'><img alt='Share On Facebook' border='0' src='http://b.static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif'/></a>
</span>
Untuk code "&" silahkan ganti dengan &"; (tanpa kutip) agar tidak terjadi error pada scripts tersebut
Penempatan link silahkan posisikan sesuai dengan template yang anda pakai..........
Bila code <span class='post-comment-link'> tidak ditemukan silahkan anda posisikan sendiri penempatan buttonnya.
Untuk Image Facebook anda juga bisa menggantinya sesuai dengan image yang anda inginkan.
dalam tutor ini saya menempatkan link share on facebook berada setelah postingan sebelum komentar.
Untuk demo silahkan anda coba klik tombol image share on facebook pada blog ini........
Selamat Mencoba..!
thanks infonya sangat membantu
ReplyDelete