Menambahkan Link Share To Facebook untuk Blogger

Share To Facebook

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 == &quot;index&quot;'>
<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='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;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 &amp"; (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..!


menambahkan facebook ke blogger, menambahkan facebook share setiap postingan blog, menambahkan facebook di blogger, menambahkan share on facebook di blogger, menambahkan link facebook di post wordpress, kode share, code link facebook, cara menempatkan link facebook pada blog, menempatkan link facebook pada blog, share to facebook script, menambahkan link facebook ke blogspot, share this facebook, menambahkan link pada facebook, menambahkan link share, script facebook untuk blogger, menempatkan facebook pada blogspot, menempatkan link facebook ke blog, menambahkan link di php, cara menambahkan link di facebook, cara menambahkan Share on Facebook

1 comment:

Hide Sidebar
Show Sidebar