sabato 3 agosto 2013

Aggiungi float Social Media Sharing Buttons Per Blogger

La condivisione Floating Social Media è un widget molto popolare in tutti i migliori blog, di essere un ottimo modo per aumentare il numero di volte che i tuoi messaggi vengono condivisi su Twitter, Facebook e altri social network. Ha alcune delle seguenti
funzioni: Facebook Like, StumbleUpon, Twitter Condividi, Digg This, Google+ e RSS Feed Icon e ciascuno di essi è dotato di un contatore dal vivo. È possibile aggiungere ulteriori pulsanti di condivisione o le icone di social bookmarking in seguito, se lo si desidera. 

Blogger, WordPress, Facebook, Share

Come aggiungere la barra di scorrimento di social bookmarking
Vai a Disposizione
Fai clic su Aggiungi un gadget collegamento
Dalla finestra a comparsa, scorrere verso il basso e selezionare HTML / Javascript
Copia il codice qui sotto e incollalo all'interno della scatola vuota.
Salvare il gadget.

Il codice da copia-incolla (updated!): 

<!-- floating share bar Start fantatecno.blogspot.com--> <style type="text/css"> #pageshare {position:fixed; bottom:5%; margin-left:-721px; 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 fantatecno.blogspot.com">
<div style="margin-left:8px;"><div class='sbutton' id='like' style='margin: 5px 0 0 5px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script><fb:like layout='box_count' show_faces='false'></fb:like> </div></div>
<br /><div class='sbutton'><a class='twitter-share-button' data-count='vertical' data-via='Helplogger' expr:data-counturl='data:blog.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a><script src='http://platform.twitter.com/widgets.js'; type='text/javascript'></script>
<br /><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><br/><a href='http://feeds.feedburner.com/fantatecno' rel='nofollow' target='_blank' title='Subscribe To Our Rss Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEWf3ctLLX62ZBVURyIJleePVZvLauh6VKId9a78sa9IVCJ6yVcdW7zSuAqhhu0ryTUUrp_nZzFrBcZ_JOZ1svyaILBS8P3-LjRlfUO2NHwV5fQeuiKxTc67LlPZ7mcCbpY6BNejA6crl7/s1600/icon_rss_reader.png'/></a><div style="clear: both;font-size: 9px;text-align:center;">Get <a style="color: #3399BB;" href="http://fantatecno.blogspot.com/">widget</a></div><!-- Do not remove this link --> </div> <!-- floating share bar End --></div>


Personalizzazione:
Allineamento verticale - Modificare il valore di fondo, in linea di codice 3. Il codice posiziona il pulsante corrispondente alla parte inferiore della finestra del browser. Per fissare la distanza, anche quando la finestra viene ridimensionata, specificare il valore in px (pixel) al posto di%.
Allineamento orizzontale -. Modificare il valore in rosso di margin-left value negativo spinge il pulsante a sinistra della colonna principale del blog, valore positivo spinge verso destra. Aumentare o diminuire il valore in base alle vostre esigenze.
Twitter impostazione - Sostituire Helplogger con il tuo nome utente Twitter
Sostituzione e rimozione di pulsanti - È possibile sostituire i pulsanti esistenti con il vostro. Ogni pulsante è rappresentato da questo codice: <div class='sbutton'> BUTTON CODICE QUI </ div>
Feed RSS - Modificare il testo in blu con l'indirizzo url del tuo feed RSS.
Enjoy :) 

Nessun commento:

Posta un commento