Archives for Desember 2010
CARA MEMASANG TOMBOL SHARE ON FACEBOOK
Cara Memasang Tombol Share on Facebook di Blog
Versi terbaru: Tombol Share on Facebook dengan penghitung (counter) berapa kali blog anda di sebarkan
___________________________
Sekarang Facebook sudah menjadi situs social networking yang paling banyak penggunan / penggemarnya. Oleh karena itu sangat menguntungkan sekali jika tombol Share on facebook itu ada di blog . Orang akan menjadi lebih mudah untuk membagikan informasi yang ada di blog kepada orang lain. Secara otomatis cara ini akan meningkatkan traffic. Mau tahu cara memasangnya? sebenarnya caranya mudah sekali, ok ikuti langkah berikut ini
1. Tentunya Login dulu ya
2. Pada dasboard pilih Layout ---> Page Element ---> Add Gadget
3. Setelah itu pilih yang HTML / Javascript
4. Setelah itu Copy Paste kode dibawah ini untuk diletakkan kedalam HTML / Javascript 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://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>
4. Well done. Jangan lupa di Save ya...!
5. Lihat blog kamu akan ada tombol yang seperti ini 
oh ya ada juga model yang lain lho
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://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>
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://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>
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://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>
TOS : Dilarang Merubah kode yang telah diberikan oleh Facebook.
MEMASANG TOMBOL SHARE ON FACEBOOK VERSI 2
Cara Memasang Tombol Share on Facebook Versi 2 (In Template).
1. Buka hamalan edit html ( dassboard > tata letak > edit html ) dan jangan lupa centangkan "expand template widget"2. Cari kode <b:if cond='data:top.showAuthor'>
3. Letakan kode berikut Sebelum kode no.2
(peletakan tidak harus disini, bisa diletakan sesuka Anda)
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='hitsuke.blogspot.com' border='0' src='http://i683.photobucket.com/albums/vv193/vebyo/ShareFb_Button.gif'/></a>
</b:if>
Akan tampak seperti >
Jika ingin gambar tombol lain:
Hanya Icon Saja
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'> <img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_4.png" border="0" alt="hitsuke.blogspot.com"></a>
</b:if>
Atau yang berbentuk tombol
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'> <img src="http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_3.png" border="0" alt="hitsuke.blogspot.com" ></a>
</b:if>
Atau bisa ganti dengan tulisan saja, contoh > Share on Facebook
<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'> Share on Facebook </a>
</b:if>
4. Tekan tombol Save template
selesai...........
Selamat mempublikasikan artikel Anda di Facebook :)
MEMASANG TOMBOL SHARE ON FACEBOOK VERSI 3
Facebook Developer telah mengembangkan tombol share on facebook sebelumnya dengan tombol share on facebook versi 3 yang dilengkapi dengan penghitung berapa kali halaman postingan blog / web kamu di sebarkan di facebook
Ada beberapa style yang bisa kamu pilih sesukamu
1. Tombol share on facebook di sebelah kanan postingan
Kode untuk Tombol share on facebook di sebelah kanan postingan
<div style="float:right;padding:4px;" ><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/> <script type="text/javascript" src= "http://static.ak.fbcdn.net/connect.php/js/FB.Share" /> </div>2. Tombol share on facebook di sebelah kiri postingan
Kode untuk Tombol share on facebook di sebelah kiri postingan
<div style="float:left;padding:4px;"> <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/> <script type= "text/javascript" src= "http://static.ak.fbcdn.net/connect.php/js/FB.Share"/> </div>3. Tombol share on facebook di sebelah kanan postingan [compact style]
Kode untuk Tombol share on facebook di sebelah kanan postingan [compact style]
<div style ="float:right;padding:4px;" > <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> <script type= "text/javascript" src= "http://static.ak.fbcdn.net/connect.php/js/FB.Share" /> </div>4. Tombol share on facebook di sebelah kiri postingan [compact style]
Kode untuk Tombol share on facebook di sebelah kiri postingan [compact style]
<div style ="float:left;padding:4px;" > <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> <script type= "text/javascript" src= "http://static.ak.fbcdn.net/connect.php/js/FB.Share" /> </div>
Cara memasang tombol share on facebook dengan penghitung (counter) otomatis ini di blog
1. Pilih salah satu diantara kode diatas
2. Sekarang login ke blog kamu, pada dashboard pilih layout kemudian Edit HTML dan centang tanda expand widget
3. Temukan kode berikut ini di template kamu (CTRL + F untuk mempermudah pencarian)
<div class='post-header-line-1'/>lalu pastekan kode yang kamu copy tadi Setelah kode di atas
atau kalau kode diatas tidak kamu temukan coba cari kode
<data:post.body/>lalu pastekan kode yang kamu copy tadi Sebelum kode di atas
4. Kalau kamu melakukannya dengan benar jangan lupa di Save lalu coba liat sekarang blog kamu sudah dilengkapi dengan tombol share on facebook dengan penghitung jumlah blog kamu di sebarkan di facebook secara otomatis.
Sumber : http://hitsuke.blogspot.com/2010/01/memasang-tombol-share-on-facebook-versi.html