Share this post: come inserire le icone per condividere i tuoi post sui maggiori social network (Facebook, Twitter, Buzz...)


Condividi un articolo blogger su i social networkCon l'avvento di Facebook e Twitter ormai i social network fanno un pò da padrone sulle rete. Sono milioni le persone in tutto il mondo che quotidianamente ne fanno uso. Le informazioni viaggiano da un globo all'altro in pochissimo tempo e ognuno di noi in pochissimo può diventare "protagonista". Ultimamente sto vedendo che tutti cercano di sfruttare i social network per ottenere pubblicità e popolarità. In effetti al momento credo non ci sia nulla di simile e meglio per sponsorizzare un prodotto o un posto. Ovviamente anche noi webmaster possiamo approfittarne. Possiamo linkarci e possiamo fare in modo che i nostri lettori ci sponsorizzino fornendo un semplice e facile servizio di condivisione mediante il quale con un semplice click possono far apparire i nostri post sulle proprie bacheche. Inseriamo quindi nel nostro template le iconcine con i collegamenti per i più diffusi siti si social network. Credo il posto migliore sia alla fine dell'intervento, non credete?
Se scendete un secondo alla fine della pagina dovreste notare le iconcine che ho deciso di offrire. L'inserimento non è molto difficile. Accediamo a blogger e andiamo su Layout->Modifica Html. Salviamo sempre una copia del template prima di ogni modifica. Cerchiamo <data:post.body/>, in modo tale da "posizionarci" alla fine dell'intervento e incolliamo i seguenti codici in base all'icona da fornire:
FACEBOOK Condividi su Facebook

TWITTER
Tweet this!



STUMBLEUPONStumbleUpon

GOOGLE BUZZ Condividi su Buzz


DIGG THIS! Digg This!


BOOKMARK ON DELICIOUSBookmark on Delicious
Se l'immagine usata non è di nostro gradimento possiamo sempre sostituirla andando a modificare il collegamento in img src. Su questo sito, "The Best Social Media Icons" troviamo tantissime forme diverse di icone da poter sfruttare a nostro piacimento. Cerchiamo magari di inserire prima una scritta come "Condividi questo intervento" o "Condividilo con gli amici" per cercare di invogliare il lettore a cliccare sull'iconcina.

Aggiornamento!
Come mi è stato suggerito nei commenti, in molti utilizzano nell'home page l'anteprima degli articoli, io stesso la utilizzo per snellire la pagina, e quindi per evitare che le iconcine di share appaiono lo stesso, dobbiamo inserire una piccola condizione nel nostro codice:


ARTICOLI CORRELATI
SHARE

Clo&demk

Siamo due semplici ragazzi Clo e Demk abitiamo in diverse città, ma il PC e gli interessi comuni ci legano. Ci piace la musica e i video musicali, navigare nel vasto mare d'informazioni d'internet alla ricerca di nuove mete diverse e lontane e non ci spaventano gli ostacoli...(Continua).

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

10 commenti:

  1. Grazie, grazie ! Da giorni che cercavo esattamente questo!
    Pero` io vorrei che le icone di social media si vedono quando leggi il post completo ma non nella pagina centrale dove sono le anteprime degli post.
    Non so se mi spiego, potresti aiutarmi ? Cmq, mi iscrivo adesso al tuo rss

    RispondiElimina
  2. Ciao,
    Grazie per essere passato e commentato. Siamo felici che questo articolo ti sia servito.
    Dato che tu hai le anteprime nella home page, come noi del resto, bisogna aggiungere una piccola condizione nel codice.
    Ho aggiornato l'interneto, la troverai verso la fine preceduta dall'avviso in rosso Aggiornamento!
    Controlla se va bene adesso e facci sapere.

    Un salutone
    Clo&demk

    RispondiElimina
  3. Grazie, siete gentilissimi!
    Adesso faro` la prova.

    Ho un`altra domanda riguarda il tema delle icone social network.

    Cerchiamo magari di inserire prima una scritta come "Condividi questo intervento" o "Condividilo con gli amici" per cercare di invogliare il lettore a cliccare sull'iconcina.

    Come faccio di inserire una scritta Share this vicino alle icone ?

    Grazie in anticipo!

    RispondiElimina
  4. Ti basta scrivere in grossetto ad esempio "Share this:" e subito dopo incolli il codice relativo alle icone.

    o se vuoi modificare l'icona, devi sostituire, dopo è riportato il tag img, l'indirizzio dell'immagine in src="LINK IMMAGINE" con il collegamento ad una tua immagine....

    Se hai problemi non esitare a chiedere.
    Se ti serve possiamo anche realizzarti il codice da incollare se ci invii una tua icona (immagine).....

    Un saluto e un enorme ringraziamento per la tua visita
    Clo&demk

    RispondiElimina
  5. Grazie mille per la risposta. Ho fatto. Ma le icone sono posizionati nella colonna verticale non nella orizoontale. Come si fa?

    Grazie mille in anticipo.

    PS Per favore controllate i link per l`inserimento delle icone. Quello di Stumbleupon contiene gli errori.

    RispondiElimina
  6. Sicuro di aver posizionato il codice dopo <data:post.body/>?


    Per Stumobleupon, hai ragione.
    Purtroppo ogni tanto il codice nella pagina si vede male. Ho provveduto a reinserire tutti i coidci in xml, così si visualizzano correttamente.
    Prova adesso e grazie mille per la segnalazione!

    RispondiElimina
  7. mmm non riesco a metterle una di fianco all'altra...

    RispondiElimina
  8. @Nerko
    Inserisci il codice senza spazi o andando a caporigo....

    RispondiElimina
  9. ciao Liliam,

    Siamo contenti che hai trovato l'icona per far condividere i post su facebook.

    Complimenti per il blog.

    Spero tornerai presto a trovarci

    Clo&demk

    RispondiElimina

Senza di te questo blog si riduce a ben poco...
Per info guida commenti blogger