Pulsanti share Floating Facebook - +1 e Retweet



Un vecchio codice rispolverato e rimesso in sesto con l'aggiunta del oramai conosciuto pulsante + 1 di Google .Il codice e' semplicissimo da implementare nel vostro blog ,basta incollare il codice che vedi sotto in un comune widget Html/Javascript senza in alcun modo manipolare il codice del modello .Nella versione precedente il codice era molto piu' complesso da implementare perche' bisognava aggiungere 2 librerie richiamate da Google che molte volte andavano in conflitto con le librerie Scriptaculous presenti ,inoltre il codice era molto piu' pesante rispetto a quello attuale .Nel caso e' gia presente il pulsante + 1 nel vostro blog ,e meglio eliminarlo per evitare doppie richieste che compromettono la velocita' di caricamento delle pagine .E possibile comunque eliminarlo dal widget se non intendete utilizzarlo ,semplicemente eliminando la parte evidenziata in rosso .Lo script per richiamare il pulsante + 1 e' gia presente nel widget e non occorre inserirlo nel modello tra i tag  <head> o </body>  come consiglia la pagina ufficiale Button + 1

Nel widget non occorre inserire alcun parametro 

Il pulsante float appare ancorato al template nella barra di sinistra ,sono presenti i pulsanti ; + 1 - Facebook share - Retweet - Digg e Stumbleupon . 




<!-- floating page sharer Start vincicoppolas.com-->
<style type="text/css">
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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;/*bs-fsmsb*/-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="Get this from vincicoppolas.com">
<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>
<div class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
</div>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<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>
<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 style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://vincicoppolas.blogspot.com/">widget</a></div><!-- Do not remove this link -->
</div>
<!-- floating page sharers End -->

Related Posts