Pubblicato il 25/06/09 - aggiornato il  | 14 commenti :

Come inserire il bottone di condivisione su Twitter alla fine del post insieme a quello di Facebook, OKNotizie, Diggita, ecc. in un blog su Blogger.

Ho pubblicato un articolo diversi mesi fa su come aggiungere dei bottoni di voto sui social network. Successivamente quell’articolo è stato integrato con l’aggiunta di quello per la condivisione su Facebook e l’eliminazione dei social che avevano cessato l’attività come Kipapa.

L’inserimento di quello di Twitter non mi era ancora riuscito. Adesso credo di aver risolto il problema appoggiandomi al servizio TwitThis che consente di postare qualsiasi pagina su Twitter semplicemente inserendone l’URL

twitthis

Andiamo su Layout > Modifica HTML e, dopo aver salvato il modello completo, cerchiamo con F3 o Ctrl+F la seguente riga di codice

<div class='post-footer'>

Sotto quella riga è presente il codice tutti i bottoni di voto o condivisione che avete inserito seguendo le istruzioni sull’inserimento dei bottoni di voto alla fine del post.

Il codice è suddiviso in blocchi per ogni singolo bottone e ha questo aspetto

image

Per inserire il bottone di condivisione di Twitter dovete semplicemente inserire questo codice

<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://t9pysw.blu.livefilestore.com/y1pAp1tsD3PgXgesBdYmWimF515kypGLQV8PskQRL1lzXTSm-E8SjGAtVmU6iWEh4Y3ODOs2wRQMHURDV8bB2LF6bmaeLiz0YQG/twitter-icona16x16.gif'/></a>

nel punto in cui volete che compaia

image

Personalmente l’ho inserito dopo quello di Facebook e prima di quello di OKNotizie. Adesso salvate il modello. Ecco quindi che sarà visibile anche l’icona di Twitter alla fine dell’articolo

image

Se ci si clicca sopra cosa succede? Saremo inviati a TwitThis da cui potremo postare la pagina con un click

 image

basterà infatti cliccare su Twit this Page che saremo avvertiti dell’avvenuto tweet che sarà visibile nel nostro Stato di Twitter

 image

in cui ci sarà uno shortURL che rimanda alla pagina che abbiamo twittato. Prima di cliccare su Twit This Page conviene scegliere la parte iniziale più idonea al tipo di tweet tra quelle presenti nel menù a discesa

image



14 commenti :

  1. Ciao Parsifal, volevo chiederti gentilmente una cosa: io ho un blog http://parliamodivino.blogspot.com, ieri mi sono accorto che molte delle pubblicità di adsense che compaiono nel blog sono in lingua duch, questo succede credo perchè vivo in Belgio nella regione fiamminga.Ciò, come tu potrai ben capire, rappresenta un limite per i clic giornalieri sulle pubblicità dato che il mio blog è scritto in italiano e si rivolge principalmente a chi conosce questa lingua. Come posso risolvere la cosa?
    grazie
    enrico

    RispondiElimina
  2. @Enrico
    Non devi risolvere nulla e non devi preoccuparti minimamente. La pubblicità di Adsense viene mirata a seconda dell'IP della persona che in quel momento sta guardando la pagina. Io per esempio che vivo a Firenze ho visto sul tuo sito solo pubblicità in lingua italiana. Un inglese la vedrà in inglese e presumo uno che entra nel tuo sito dal Giappone vedrà gli annunci nella sua lingua.
    Ciao ciao

    RispondiElimina
  3. Grazie sempre molto gentile e disponibile...

    RispondiElimina
  4. Ciao, io ho avuto qualche problema sul mio blog menteattuale.blogspot.com.

    Mentre ad inserire il codice del pulsante di www.wikio.it non ho avuto problemi (inserendo in verità il codice qualche riga più giù di dove segnali tu).

    Per gli altri che ho reperito dal tuo blog (in verità decisamente chiarissimo) nel vedere l'anteprima mi è stato segnalato prima l'assenza del tag < / a > e poi del tag div. In ogni caso non sono riuscito a risolvere il problema anche aggiungendo i tags.

    Ti ringrazio per la tua disponibilità e mi complimento per la chiarezza del tuo blog.

    p.s. dimmi se riesci a visualizzare bene il mio blog, perché a me esce la pagina indirizzo non valido a molti altri no.

    RispondiElimina
  5. @Sandro
    Il tuo blog si vede solo con Chrome mentre con Internet Explorer e Firefox dà indirizzo non valido. Forse è il widget dei lettori. Io l'ho dovuto togliere sostituendolo con uno screenshot.
    Per quanto riguarda la domanda specifica sui bottoni oltre al codice del singolo social devi sempre inserire le prime tre righe del codice e l'ultima altrimenti non lo prende. Ti consiglio di inserire anche le righe di codice per non farlo vedere in Homepage ma solo nei singoli post. Non so come hai fatto ad inserire wikio senza seguire la procedura :-)
    L'articolo che devi seguire per l'inserimento non è questo ma quest'altro articolo.
    Ciao

    RispondiElimina
  6. Guarda sei proprio una fonte di informazioni e di aiuto notevole, io Blogger lo sto usando da poco percui qui sto trovando un sacco di cose interessanti.
    Visto che sto preparando una mini-guida a Blogger ti cito come fonte "autorevole" di tips tecniche perchè mi sembra giusto :)

    RispondiElimina
  7. @Supertiz
    Grazie di cuore. In fondo sono queste le soddisfazioni per un blogger. Avere il rispetto e la riconoscenza dei lettori che poi ti citano come fonte di informazioni :-)

    RispondiElimina
  8. Grande, grazie a te ce l'ho fatta anche io! Stima, stima, stima!

    RispondiElimina
  9. Ciao, visto che sto ancora combattendo con questi bottoni volevo chiederti se tu attualmente li hai alla fine dei post, perchè io non li vedo nemmeno nel tuo blog e mi è venuto il dubbio che non sia un problema di codice, ma di qualcosa che blocca tutto. Ho anche salvata ogni icona dei social nel mio hosting..ma nulla!

    RispondiElimina
    Risposte
    1. Scusa, ovviamente mi riferivo al tuo post per il codice:Inserire i bottoni in un blog su Blogger per votare il post nei social network.

      Elimina
    2. @# Non li ho più nel blog perché adesso i social più importanti sono solo 3 Facebook, Twitter e Google Plus. Mi sembra incredibile che tu non riesca a caricare delle immagini e avere il link diretto. Prova a leggere questo post
      http://www.ideepercomputeredinternet.com/2012/11/picasa-blogger-immagini.html
      specie all'inizio. Poi ricordati di settare come pubblico l'album in cui inserisci le immagini

      Elimina
  10. Alla fine ho optato per i tuoi bottoni animati :)
    funziona tutto :)

    RispondiElimina
    Risposte
    1. @# Saggia decisione. Se una cosa non va meglio non perderci troppo tempo :)

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy