Kamis, 16 Juli 2009

Cara Memasang Tombol Share on Facebook di Blog

Share Berbagilah kebaikan dengan mensharing artikel ini melalui FB anda.

Bagi anda yang suka dengan facebook, jangan lupa tampilkan icon facebook di blogmu.
Berikut cara untuk mendapatkan icon facebook.
1. Login dulu
2. Pada dasboard pilih Layout ---> Page Element ---> Add Gadget
3. Setelah itu Copy Paste kode dibawah ini untuk diletakkan kedalam gadget tersebut

<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://infodunia-4u.blogspot.com/2009/07/cara-memasang-tombol-share-on-facebook.html
" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>
4. save ya...

5. Kemudian lihat blog kamu akan ada tombol yang seperti ini

Selain itu juga ada model yang lainnya.



Hanya Icon Saja
<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://infodunia-4u.blogspot.com/2009/07/cara-memasang-tombol-share-on-facebook.html
" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>
Link saja

<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://infodunia-4u.blogspot.com/2009/07/cara-memasang-tombol-share-on-facebook.html
" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>

Atau 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://infodunia-4u.blogspot.com/2009/07/cara-memasang-tombol-share-on-facebook.html
" title="Klik disini untuk mengambil Tombol Share on Facebook" target="_blank">Grab This </a></p>


TOS : Dilarang Merubah kode yang telah diberikan oleh Facebook.




.::Artikel Menarik Lainnya::.

1 komentar:

  1. terima kasih, info nya bagus bgt. cara2 mudah dimengerti. saya udah lama nyari tapi dapetnya pada ribet2. ujung2nya gak berhasil. Terima kasih banyak yah..

    BalasHapus