Sunday, July 1, 2012

Cara Memasang Widget Share Button Facebook, Twitter, Google di Blog

Posted By: Randy Ikas - Sunday, July 01, 2012

Share

& Comment

m-hackerslike sekarang ini saya banyak blog yang sudah menggunakan widget share botton, widget ini akan memudahkan pengunjung blog kita untuk mengshare apa yang ada di blog kita. Dan hal ini juga akan berdampak positif ke blog kita.. karena ini bisa menjadi media marketing gratis buat para blogger, oleh karena itu malam ini saya akan membagaikan kepada m-hackerslike blogger sekalian tentang cara membuat share botton. Berikut langkah- langkahnya :

  1. Login ke dasbor blog anda
  2. Pilih rancangan
  3. Pilih tambah gadget
  4. Pilih HTNL/Java script
  5. Copy kode HTML di bawah ini
  6. Pastekan di HTML/ Java Script tadi
  7. Simpan
  8. Selesai

Kode HTML Share button

<!--Widget Share Button m-hackers Start-->

<style>
#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px
0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="bagikan ke teman anda">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://randyikas.blogspot.com" target="blank" title="Widget Share Button"><font color="blue">[Get Widget]<font></font></font></a></div></div>

<!--Widget Share Button m-hackers End-->]
Semoga Bermanfaat!

About IKASMEDIA.COM

IKASMEDIA adalah blog yang didedikasikan untuk membangun pendidikan melalui khususnya pendidikan di daerah 3T Mari bersama membangun indonesia menuju generasi emas dan indonesia sejahterah. Kupang 2015

1 komentar:

Copyright © 2015 IKASMEDIA™ is a registered trademark.

Designed by Templateism. Hosted on Blogger Platform.