Memasang Facebook Share di Blogger

Memasang Facebook Share? buat apa?
Gadget ini berguna bagi pengunjung blog anda, mereka dapat menshare kembali artikel anda ke Facebook mereka. Dan juga, akan meningkatkan trafik blog anda tentunya! Disini ada beberapa gadget yang bisa anda pakai.

Sebelum memilih gadget mana yang ingin anda pakai di blog anda, lakukan langkah di bawah ini :

Masuk ke Blogger

Klik Tata Letak > Tambah Gadget dengan jenis HTML/JavaScript

dan Tambah salah satu kode dibawah ini :

Kode #1 (Gadget berupa tombol)


<script>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><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; } </style> <a href="http://www.facebook.com/share.php?u=<url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" style="text-decoration:none;">Share</a><p><a href="http://hitsuke.blogspot.com/2009/05/cara-memasang-tombol-share-on-facebook.html" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>

Kode #2 (Gadget berupa Link "Share On Facebook")


<script>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 href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank">Share on Facebook</a><p><a href="http://hitsuke.blogspot.com/2009/05/cara-memasang-tombol-share-on-facebook.html" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>

Kode #3 (Gadget berupa Icon dan Link)


<script>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><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }</style><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a><p><a href="http://hitsuke.blogspot.com/2009/05/cara-memasang-tombol-share-on-facebook.html" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>

Kode #4 (Gadget berupa icon)

<script>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 href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank"><img src="http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981" alt="" /></a><p><a href="http://hitsuke.blogspot.com/2009/05/cara-memasang-tombol-share-on-facebook.html" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>

Jika Blog ini bermanfaat bagi Anda, silahkan masukkan alamat email Anda di bawah ini untuk berlangganan :

ATAU klik disini untuk menjadi FOLLOWER di IndoBlogTrik