Pubblicato il 01/08/08 - aggiornato il  | 24 commenti :

Come firmare i post in un blog.

Mi occuperò di come inserire una firma alla fine di ogni post sulla piattaforma Blogger. Innanzitutto dovete procurarvela e ci sono due sistemi
  • Firmare un foglio di carta, scannerizzarlo e salvarlo sul PC come file immagine
  • Creare una firma online
La prima ipotesi non si presta a difficoltà particolari, nel secondo caso dovete accedere al sito
MyLiveSignature e seguire questi semplici passi
  1. Create Signature
  2. Using the signature creation wizard
  3. Enter name (ho messo il nick ma si può mettere anche il vero nome)
  4. Select the font (scegliete il font che più vi piace sui 120 a disposizione, io ho scelto quello che più si avvicinava alla mia calligrafia)
  5. Select the size (per scegliere la grandezza della vostra firma tenete presente che io ho scelto la grandezza 5)
  6. Select the color (qui dipende dai colori del blog nel mio caso la scelta del colore nero era obbligata)
  7. Select the slope (addirittura c'è l'opzione per inclinare più o meno la firma, io ho messo una leggera inclinatura, slope 2)
  8. The signature is ready finito qua
  9. Cliccare su Want to download the signature?
  10. Per scaricarla cliccare con il pulsante destro del mouse, quindi su Salva Immagine con nome e selezionare la cartella in cui inserirla
Adesso la firma deve essere caricata sul Web. A tale scopo si può usare Picasa.
Questa immagine adesso va caricata sul vostro modello, quindi seguite la solita procedura, cioè andate su Design > Modifica Html ed espandete i modelli widget. Quindi cercate questa riga di codice

<div class='post-footer'>

Subito dopo
inserite questo codice della firma


<div style='float:center;'>
<img src='URL_Immagine'/>
</div>



Dove al posto dell'indirizzo  che ho messo in rosso mettete l'indirizzo della vostra firma.
In questo caso la firma verrà giustificata a sinistra. Per chi la volesse in altro modo ecco i codici corrispondenti

Firma centrata


<div style='float:center;'>
<div style="text-align: center;"><img src='URL_Immagine' />
</div></div>

Firma giustificata a destra


<div style='float:center;'>
<div style="text-align: right;"><img src='URL_Immagine' />
</div></div>

Naturalmente al posto dell'indirizzo della mia firma, colorato di rosso dovete mettere il vostro.


Aggiornamento: Per tutti coloro che volessero per questioni di estetica e di praticità visualizzare la firma solo nei singoli post e non nella homepage inserite il seguente codice prima e dopo quello della firma. Questo codice va inserito immediatamente dopo la riga di codice specificata precedentemente e prima del codice dei bottoni di voto sui social network nel caso in cui fosse stato inserito


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p>

Codice della firma nei post

</p>
</b:if>





24 commenti :

  1. Ciao Parsifal,
    e se mi servisse inserire una firma diversa a seconda dell'autore dell'articolo?
    Sai darmi qualche indicazione?
    Many thanks!! :-)

    RispondiElimina
  2. @astasia
    Inserire due firme nel modello credo sia pressoché impossibile. Quando hai iniziato il blog hai specificato altri membri del team. La cosa che puoi fare è modificare il nome di chi ha scritto il post ma una firma del genere spiegato in questo articolo... :-(

    RispondiElimina
  3. Ho risolto!! Ho inserito tutto il tuo codice (con l'aggiunta di una seconda immagine-firma) nella formattazione del post dal menu di blogger. In questo modo quando si crea un nuovo post vengono proposte entrambi le firme ...basta eliminare quella che non serve et-voilà il gioco e' fatto!!!
    Ci sono arrivata perche' mi sono ricordata le operazioni che ho fatto per la formattazione degli articoli sintetici... :-)
    Ciao ciao
    Astasia

    RispondiElimina
  4. Interessante soluzione. Quindi se ho capito bene sei andata su Impostazioni>Formattazione>Modello post e hai inserito le immagini delle due firme, quindi quando scrivi un post automaticamente hai due firme alla fine e cancelli quella che non ti interessa. Roba da farci un articolo :-)

    RispondiElimina
  5. ;-)ehehe si ho fatto esattamente così.Beh se può essere utile perche' no...
    Richiesta OT: lo voglio pure io il contatore delle persone ONLINE!!!!
    Come si fa? ;-)

    RispondiElimina
  6. Ops errata corridge...non ho inserito direttamente le immagini(potevo???Non saprei) ma ho inserito direttamente il tuo codice, modificato con 2 link a 2 immagini distinte, nella casella Modello Post.

    RispondiElimina
  7. Va bene così anche se in termini di tempo non so quanto ci guadagni ad inserire la firma direttamente alla fine del post ogni volta

    RispondiElimina
  8. E per il contatore degli utenti online? ^_^

    RispondiElimina
  9. Per il contatore credo ti riferisca ad amung ed eccoti il link
    http://parsifal32.blogspot.com/2008/10/whosamungus-un-widget-per-blog.html

    RispondiElimina
  10. Thanks! A volte basta far girare le rotelle del cervello... :-)

    RispondiElimina
  11. ciao parsifal32 non so come ho fatto ma ci sono riuscito ho messo la firma, all'inizio erano tutti firmati da te' ma ora ho corretto. Questa era difficile ma il tuo modo di insegnare e intuitivo e semplice ciao e ancora grazie

    RispondiElimina
  12. @Rone63
    per così poco :-)
    figurati...

    RispondiElimina
  13. Messa la firma, l'ho caricata direttamente su Picasa... l'unico problemino è che rientrava nel riquadro del fondo pagina a cui avevo dato lo sfondo rosa... alzandomelo quindi di parecchio... ma ho ovviato dando il colore bianco allo sfondo del piè di pagina! Sono tornata a romperti le balles contento???????? ^_^ Meglio che tu non risponda! >.<

    RispondiElimina
  14. problemone! La firma mi viene sotto linkwithin e non sotto il testo scritto :(

    RispondiElimina
  15. @Soffio di Dea
    Ti rispondo su Facebook così posso incollare il codice cosa che non si può fare in un commento.
    Ciao

    RispondiElimina
  16. perchè non ci riesco?? non mi collega a google page..e poi non so andare nell html. come faccio??

    RispondiElimina
  17. @Vane
    Google Page Creator ha chiuso. La firma la puoi postare su Picasa
    http://www.ideepercomputeredinternet.com/2010/07/picasa-e-lo-strumento-piu-completo-per.html
    e poi seguire le indicazioni del post

    RispondiElimina
  18. ho provato a farloi e mi succede quello che è accaduto a roberta..altra cosa lo sonfod del blog è grigio mentre quello delal firma bianco..come faccio a levare lo sfondo???

    RispondiElimina
  19. @Vane
    Per lo sfondo devi sceglierlo come quello del blog in MyLiveSignature cioè qui
    http://www.mylivesignature.com/mls_wizard1_4n.php
    Se ti viene sotto a linkwithin invece della riga
    div class='post-footer'
    cerca quella
    (data:post.body/)
    dove al posto delle parentesi ci sono i segni di minore e maggiore.

    RispondiElimina
    Risposte
    1. Ciao! Anche io avevo il problema che la firma appariva troppo in basso sotto i box linkwithin. Allora l'ho messo dopo questo (data:post.body/)ok.. ma ora mi appare come fosse un immagine dell articolo...cioè con il contorno e la sfumatura:( Come tolgo lo sfondino fastidioso? :(( help

      tks
      cristina

      Elimina
    2. Ps: non ho usato mylivesignature, ma una mia firma originale... farla png non serve nei post tutto ha uno sfondo/cornice... :(

      Elimina
  20. @Cristinabw
    Se vuoi inserirla proprio in quella posizione puoi provare a togliere il bordo inserito automaticamente a tutte le immagini
    http://www.ideepercomputeredinternet.com/2012/05/come-togliere-il-bordo-alle-immagini.html
    Si potrebbe provare anche a togliere il bordo proprio a quella immagine. Prendo un appunto, seguimi nei prossimi giorni e vedo di farci un post

    RispondiElimina
    Risposte
    1. Grazie mille! Io non vorrei togliere il bordo a tutte le foto..ma solo alla firma... intanto provo...e ti seguo! Grazieeeee

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.