Membuat Tombol Like dan Share melayang di blogger

Assalamu alaikum wr wb,,,,
apa kabar sobat skalian,,sya harap kalian baik2 sja,,amin. posting kali ini saya mau berbagi sedikit tips dan trik bagaimana cara membuat tombol like dan share yang melayang,,,,di blog,,,
Apa fungsi dari widget ini, yah tentu saja memudahkan pengunjung blog sobat skalian,,memudahkan untuk apa?..
intinya jika ada pengunjung blog yang tertarik dengan artikel sobat maka dia dengan mudah membagikan ke yang lain, tinggal klik deh,,,sudah...hehehe
widget ini simple dan gak mengganggu aktifitas blog,,walaupun di scroll ke bawah atau ke atas karena posisinya berada di sisi blog,,,..,.,.
Gak usah berbasa-basi, langsung saja lah,,,cekybrottt..
Berikut screenshot nya :

* Pertama sobat tinggal copas saja code di bawah ini

<br><style><br><br>#pageshare 
{position:fixed; bottom:15%; left: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<br><br>0;z-index:10;}<br><br>#pageshare 
.sbutton {float:left;clear:both;margin:5px 5px 0 
5px;}<br><br>.fb_share_count_top {width:48px 
!important;}<br><br>.fb_share_count_top, 
.fb_share_count_inner 
{-moz-border-radius:3px;-webkit-border-radius:3px;}<br><br>.FBConnectButton_Small,
 .FBConnectButton_RTL_Small {width:49px !important; 
-moz-border-radius:3px;-webkit-border-radius:3px;}<br><br>.FBConnectButton_Small
 .FBConnectButton_Text {padding:2px 2px 3px 
!important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}<br><br></style><br><div
 id='pageshare' title="Share This With Your 
Friends"><br><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>
<br><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>
<br><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>
<br><div 
class='sbutton' id='su'>
<script 
src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
<br><div
 class='sbutton' id='digg' 
style='margin-left:3px;width:48px'><script 
src='http://widgets.digg.com/buttons.js' 
type='text/javascript'></script><a class="DiggThisButton 
DiggMedium"></a></div>
<br><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: 12px;text-align:center;">
<a 
href="http://mmcagus.blogspot.com/2012/07/membuat-tombol-like-dan-share-melayang.html"
 target="blank"><font color="black">Get This 
Gadget<font></font></font></a></div>
</div>

*Setelah kalian copas, masuk ke blog sobat,,,
*lalu pilih layout/rancangan
*klik add a gadget/tambah gadget
*setelah itu akan terbuka suatu jendela,,,scroll ke bawah, lalu pilih HTML/java script
*tunggu beberapa saat setelah jendela baru terbuka,,,paste code yang tadi kalian copy
*habis itu klik save/simpan,,,
*sudah deh,,,sobat liat hasilnya,,,

Gimana sobat,,,moga artikel tentang Membuat Tombol Like dan Share melayang di blogger bisa membantu, dan bermanfaat buat sobat skalian,,,thanks jangan lupa dicoment dan like ya,,,
di share juga skalian, supaya yang lain juga pada tau,,,eits,,tapi jangan asal copas ya,,sertakan sumbernya,,,hehehe

Wassalam,,,,,,,,,,

Header Ads

Membuat Tombol Like dan Share melayang di blogger