martedì 11 febbraio 2014

Come inserire uno sharing widget nel proprio blog

Hai notato che da poco tempo ho inserito nei gadget laterali del blog quello ch c'è qua sopra?

Forse non sai a cosa serva ma ti assicuro che è uno dei gadget più utili che si possa inserire in un blog.

Il suo scopo è quello di informare i tuoi lettori che, semplicemente cliccando sull'icona del social che preferiscono, ti possono seguire! Se non ti ho convinto con questa breve spiegazione prova a cliccare sul mio widget e guarda dove verrai reindirizzato.

In questo post quindi intendo spiegarti come inserire questo simpatico widget nella barra laterale del tuo blog.



Purtroppo non ho esperienza con tanti servizi di blogging quindi questo tutorial è limitato a chi utilizza Blogger.
  • Vai nel menù di Blogger
  • Entra nella sezione Layout
  • Clicca su "Aggiungi un Gadget" nella barra laterale
  • Seleziona, tra le varie opzioni, "HTML/Javascript"
  • Copia nel campo di testo il seguente codice: 
 <style> /*--------http://truebloggertricks.blogspot.in/ Touch Me Sharing Widget ------*/ .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor:pointer; } .touchme a.googleplus { background-position: 0px -58px; } .touchme a.googleplus:hover { background-position: 0px 0px; } .touchme a.twitter { background-position: 0px -290px; } .touchme a.twitter:hover { background-position: 0px -232px; } .touchme a.facebook { background-position: 0px -406px; } .touchme a.facebook:hover { background-position: 0px -348px; } .touchme a.rss { background-position: 0px -174px; } .touchme a.rss:hover { background-position: 0px -116px; } </style> <p style="display:none;">Cool Social Media Sharing Touch Me Widget by <a href="http://truebloggertricks.blogspot.in/2012/08/cool-social-media-sharing-touch-me.html">Blogger Widgets</a></p> <div class='touchme'> <!--RSS--> <a class='rss' href="LINK DEL TUO FEED" rel='external nofollow' target='_blank'></a> <!--Google Plus--> <a class='googleplus' href="LINK PROFILO GOOGLE+" rel='nofollow' target='_blank'></a> <!--Facebook--> <a class='facebook' href="LINK PAGINA FACEBOOK" rel='nofollow' target='_blank'></a> <!-- Twitter --> <a class='twitter' href="LINK PROFILO TWITTER" rel='nofollow' target='_blank' ></a> </div>

  • Sostituisci i tuoi link alle parole in grassetto e clicca su "Salva"
  • Ora "Salva la disposizione" e vai a vedere il risultato sul tuo blog
Per quanto riguarda gli altri servizi di blogging credo che l'unica cosa che cambi sia il posto dove va inserito il codice. Con ciò però non ti so dire di preciso dove vada incollato.

Se questo post ti è stato utile condividilo sui Social e non farti problemi a commentare se hai qualche problema o qualche correzione da farmi.

Nessun commento :

Posta un commento