Come segnalare sui Social Networks italiani con Blogger

blogger, social networks Aggiungi un Commento

Finalmente ho avuto il tempo per integrare sulla piattaforma di Blogger la segnalazione degli articoli sui maggiori Social Networks italiani.
Ho preso l’esempio del codice usato per i siti internazionali suggerito qui:
http://www.homebusinesswiz.com/2007/08/social_bookmarking_icons_how_t.html
e l’ho adattato ai maggiori social italiani. Ho aggiunto OKNotizie, Segnalo, Diggita, Wikio, FaiInformazione e SEOTribu, più quelli internazionali maggiormente usati (Digg, Technorati e Delicious).

aggiornamento del 18/09/07: aggiunto codice per Meemi
aggiornamento del 15/09/07: aggiunto codice per Technotizie

Istruzioni:
andate nella bacheca di Blogger: http://www.blogger.com/home
cliccate su Layout e poi Modifica HTML, si aprirà la pagina contentente il codice HTML per modificare il modello, mettete la spunta a “Espandi i modelli Widget” e poi cercate il seguente tag:
<div class=’post-footer’>
dopo questo tag inserite il codice che trovate nel file zip.
Ora non vi resta che cliccare sul bottone “Salva Modello”.

Qui potete scaricare il file del codice con le istruzioni:
http://dariocaputo.netsons.org/public/social_blogger.zip
Nel file zip allegato sono presenti anche le icone che dovete caricare su un vostro spazio web, ovviamente dopo dovete modificare il codice in base alla vostra URL.
Io l’ho testato su due blog senza problemi, in ogni caso, fatemi sapere se ci sono errori o bug :-)

Condividi :
  • Oknotizie
  • Segnalo
  • Diggita
  • SEOTribu
  • Technotizie
  • Fai
  • Technorati
  • del.icio.us
  • Digg

22 Commenti a “Come segnalare sui Social Networks italiani con Blogger”

  1. m1979 Ha Detto:

    Grazie Dario!! :-)
    Appena ho un pò di tempo le aggiungo!!
    Sei una miniera d’informazione!! :-D

  2. Valerio Ha Detto:

    Complimenti! solo che ovviamente…non sono buono a mettere le immagini :D

  3. Dario Ha Detto:

    ti ho mandato una email ;-)

  4. Valerio Ha Detto:

    grazie! ce l’ho fatta :D

  5. Giovanni Ha Detto:

    Sei un grande! Da tempo che cercavo di fare quello che tu hai ben spiegato in questo post. Ora è tardi per provarci ma lo farò sicuramente domani.

    Dato che ci stò, vorrei farti una domanda: come si fa ad inserire della piccola pubblicità testuale sotto il titolo di ogni post? Dove lo devo inserire il codice fornito, nel mio caso, da Oxado?
    Io più che altro avevo l’intenzione di mettere simile pubblicità testuale solo quando cliccavi sull’articolo interessato, mentre nella Homepage vorrei mantenere tutto senza sponsor (a parte una barra verticale laterale).
    Se risolvi anche quest’altro mio problema… sei un genio!

    Ciao

  6. Dario Ha Detto:

    Ciao, mi fa piacere di aver fatto cosa utile :-)

    Per quanto riguarda gli annunci, non so come funziona Oxado, vuoi metterli sempre su blogspot? se si allora vedo di fare qualcosa in questi giorni, scrivamoci via email perche’ ti devo chiedere delle cose
    la mia email e’ questa: dario.caputo [at] gmail.com
    oppure tramite MSN: mitropank [at] hotmail.com

    Ciao ciao ;-)

  7. Blogmasterpg Ha Detto:

    Peccato manchi technotizie, appena ho un pò di tempo proverò a metterlo nei Blogs..Ciao e grazie ( Volevo provarci io ma mi ci sarebbe voluta una settimana…) Una domanda se questi codici li sposto su un normale blog html andranno bene ? oppure bisognerà tradurli? Ho Blog anche con myblog.it, che sono, appunto in semplice html…

  8. Dario Ha Detto:

    Appena ho un po’ di tempo lo aggiungo, non credo proprio che copiando e incollando questo codice riuscirai a farlo funzionare su altre piattaforme di blog, prova prima ad usare Social Toolbox: http://toolbox.mauriziopetrone.com/social/

    ciao, Dario :-)

  9. Gaetano Ha Detto:

    Ciao Dario, come faccio a inserire le immagini? Grazie

  10. Dario Ha Detto:

    devi scaricare il file zip:
    http://dariocaputo.netsons.org/public/social_blogger.zip
    che contiene le istruzioni, il codice e le immagini.
    Le immagini devi caricarle su un tuo spazio web e poi cambiare il percorso nel codice che ho fornito.

    Ti faccio un esempio:
    se hai caricato le immagini su:
    http://www.il-tuo-sito.com/immagini/social/
    il link dell’immagine per OKNotizie:
    “img/oknotizie.gif”
    lo sostituisci con:
    “http://www.il-tuo-sito.com/immagini/social/oknotizie.gif”

    e fai cosi per ogni social… spero di essere stato chiaro.

    se hai problemi puoi contattarmi mandandomi una email o su MSN: mitropank [at] hotmail.com

  11. giovanna Ha Detto:

    ciao Dario,
    arrivo qui grazie a m1979.
    Avevo già letto di questa implementazione-Blogger.
    Ho già fatto qualche intervento sul codice del mio blog… questo mi “spaventa” un po’ di più.
    Penso tuttavia di trovare un momento di maggiore predisposizione… all’azione! :-)
    voglio ringraziarti comunque e ho già sottoscritto anche il tuo feed!
    ciao,
    g

  12. Dario Ha Detto:

    vi metto il codice per Technotizie:

    <a expr:href=’”http://www.technotizie.it/posta_ok?action=f2&url=” + data:post.url + “&title=” + data:post.title’ target=’_blank’><img alt=’segnala su Technotizie’ border=’0′ src=’/img/technotizie.png’/></a>

    Come immagine potete usare questa qui:
    http://www.technotizie.it/images/add2technotizie18×16.png

    Ciao ciao :-)

  13. Dario Ha Detto:

    aggiunto il codice anche per www.meemi.com

  14. Francesco Ha Detto:

    Veramente un ottimo lavoro… grazie!!!

  15. snapshot83 Ha Detto:

    Ciao…
    o sono sfortunatamente un utente di blogger…
    La guidaè molto dettagliata e ben fatta ma io non trovo nel mio codice html la dicitura post-footer sotto la quale poter mettere lo script..
    Se puoi darmi qualche dritta, magari indicandomi dove sbaglio, te ne sarei ininitamente debitore..
    complimenti per il blog, tornerò volentieri

    Snapshot83

  16. snapshot83 Ha Detto:

    ci sono riuscito, e adesso devo capie come mettere le icone…
    Grazie mille !!!

  17. meme, blog Ha Detto:

    […] questo …è stato apprezzato e citato da molti… Condividi […]

  18. moticanus Ha Detto:

    PERFETTO!!!!! Io avrei aggiunto Postli. Anzi se qualcuno sa dirmi il codice come va modificato gliene sarei grato. C’ho provato invano!

  19. moticanus Ha Detto:

    Dimenticavo. In questo blog noto una cosa interessante. Le icone social sono trasparenti e cambiano al passaggio del mouse. questo nel codice non è inserito. Come si inserisce questo interessante effetto?

  20. Dario Ha Detto:

    @ moticanus
    Postli è già un bookmarklet e nonostante sia comodo e funzionale non l’ho considerato perche’ supporta pochissimi social italiani, per quanto riguarda l’effetto trasparenza ho usato un plugin già fatto per WordPress, puoi scaricarlo qui: http://download.tumbapi.com/

    Ciao e buone feste! :-)

  21. moticanus Ha Detto:

    Dario grazie per la pronta risposta, ma per quanto riguarda la trasparenza non ho capito granchè! Ho scaricato quello che hai detto, ma nulla.

    Considera che ho usato questo codice. COme si modifica per avere l’effetto trasp che trovo nei tuoi post???

    Ciao!!

  22. camomillAle Ha Detto:

    :(mi han detto che con word press è inutile che seguo l utilissima guida:(

Lascia un Commento

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Login