19 giugno, 2008

Come firmare gli articoli su blogger

Ti piacerebbe aggiungere una firma calligrafica in fondo ai tuoi articoli? Dopotutto i blog sono dei diari, e la firma personalizzata a fine post darebbe quel tocco di personalità che non guasta mai!! :)

Allora, prima di tutto occorre procurarsi una firma!!

Su internet esistono molte applicazioni che permettono di creare una firma personalizzata, applicazioni come MyLiveSignature!!

Come creare una firma online!!

Recati sul sito MyLiveSignature, e segui i seguenti passi:
  • clicca sul pulsante "Create Signature".
  • Clicca su "Using the signature creation wizard"
  • Step 1. Enter the name, digita nel box il tuo nome o nik.
  • Step 2. Select the font, seleziona il font (hai a disposizione oltre 120!!)
  • Step 3. Select the size, seleziona la grandezza della tua firma.
  • Step 4. Select the color, seleziona il colore.
  • Step 5. Set the slope, seleziona la pendenza.
  • Finished! The signature is ready. Ecco finalmente la tua firma!! Si tratta semplicemente di un file .png, quindi puoi tranquillamente salvarlo nel tuo pc!!

Bene, ho la mia firma... e adesso?

Adesso devi semplicemente caricarla su un servizio di hosting gratuito o di photo sharing (es. flickr)... oppure puoi fare come me!! Carico la foto all'interno di un post e lo salvo come bozza, in poche parole non lo pubblicherò mai... ma utilizzerò il post come spazio per caricare le mie immagini!!

Dalla bacheca di blogger, spostati su layout/modifica html

Cerca questa riga:

<div class='post-footer'>

E immediatamente dopo inserisci il codice della firma:

<div style='float:center;'>
<img src="url_immagine_firma.png"/>
</div>

Naturalmente al post di "url_immagine_firma.png" devi inserire l'url della tua firma!! Il risultato? Lo puoi vedere sul mio blog!!!!

Yurj, Così la firma è giustificata a sinistra... ma se io la volessi a desta o centrale?
In questo caso devi fare solo qualche modifica al codice...

Per la firma centrata:

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

Per la firma giustificata a desta:

<div style='float:center;'>
<div style="text-align: right;"><img src=&url_immagine_firma.png" />
</div></div>

Buon divertimento a tutti e... non copiatemi la firma!! :D

Idea per i "puritani", perché non fate una scansione della vostra firma originale e non utilizzate quella?
vac 468x60.gif

23 commenti:

Angelo on 19 giugno 2008 21:45 ha detto...

Beh, sicuramente è meglio farla a mano e poi scannerizarla.. più personale direi! Ciao, a presto!

passionePesca on 20 giugno 2008 01:54 ha detto...

eheh grazie per la segnalazione, la mia firma non e' un granche'..meglio quella creata col programmino XD

suburbia on 20 giugno 2008 13:39 ha detto...

Non mi piace firmare i post mentre invece da aggiungere alle mail mi sembra bellissima
Cose sempre utili, ciao

GuadagnoBlog on 24 giugno 2008 18:34 ha detto...

Grazie per il post!

Stenoxx on 29 giugno 2008 17:30 ha detto...
Questo commento è stato eliminato dall'autore.
Stenoxx on 29 giugno 2008 17:37 ha detto...

ciao mi correggo non mi carica l'immagine dal post bozza ... la mia domanda era se devo mettere il titolo al post bozza o c'è qualche altra cosa che devo fare???

yurj on 1 luglio 2008 16:25 ha detto...

@Stenoxx: se blogger non ti carica l'immagine, può essere colpa o della connessione troppo lenta oppure del server... in questo caso ti consiglio di riprovare più tardi!

Io ho intiolato il post bozza come banner... così posso ritrovarlo con facilità in futuro!! No, basta... non devi fare nientaltro!

Luigi on 5 luglio 2008 16:15 ha detto...

non riesco a trovare div class='post-footer'

alla fine del codice c'è qualcosa di simile come:
div id='outer-wrapper'>;
div id='header-wrapper'>;
div id='content-wrapper'> ecc.

la riga in questione dove si dovrebbe trovare?

yurj on 5 luglio 2008 22:08 ha detto...

@luigi: cerca bene che c'è!! ;)
Spunta la casella "espandi i modelli widget" e usa la funzione di ricerca automatica del tuo browser... si attiva cliccando "ctrl + f"

Luigi on 7 luglio 2008 09:40 ha detto...

Ho finalmente trovato la riga e inseririto l'immagine delle firma anche se il risultato non è proprio uguale al tuo...

1) si crea il bordo attorno all'immagine della firma. Non so perchè ma lo fa con tutte le immagini che inserisco però ci sto facendo l'abitudine e quindi potrebbe anche rimanere ma se sai come eliminarlo...

2) sulla sinistra dell'immagine si crea un puntino, lo stesso che io uso, durante la creazioni dei post, per le liste puntate. Quello si che è fastidioso da vedere! Mica sai come eliminarlo?

Massimiliano Mogavero on 7 luglio 2008 17:53 ha detto...

scusa non ho capito una cosa: dopo che ho salvato la firma come bozza cosa devo fare? me lo puoi spiegare per favore?

Massimiliano Mogavero on 7 luglio 2008 17:54 ha detto...

scusa non ho capito una cosa: dopo aver salvato la firma come bozza cosa devo fare? me lo spieghi per favore

yurj on 10 luglio 2008 14:59 ha detto...

@mnassimiliano: niente!! devi solo copiare l'url dell'immagine, se non la sai individuare all'interno del codice, procedi così:

fai l'anteprima dell'articolo
con il mouse, spostati sopra l'immagine
tasto destro del mouse, e scegli copia indirizzo dell'immagine (o qualcosa del genere, in genere il nome cambia in base al browser!!)
Incollalo nel codice scritto all'interno dell'articolo, al posto di "url_immagine_firma.png"

yurj on 10 luglio 2008 15:13 ha detto...

@luigi: il bordo si crea preche è impostato così nei css.

1 per toglierla, trova questo:

.post img {
padding: 6px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;

E dove vedi 1px cambialo in 0px... al limite puoi anche togliere proprio questo:

border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;

2 - dal codice che trovi nell'articolo (quello che hai copiato e incollato per la firma) prova a togliere questo:

<div style='float:center;'>

e questo:

</div>

Vediamo se così le cose tornano a posto!!

Luigi on 10 luglio 2008 19:06 ha detto...

Yurj il bordo sono riuscito a toglierlo eliminando il blocco di righe di codice, adesso è molto meglio!

Il puntino, invece, è ancora lì anche se ho tolto le 2 righe che mi hai detto...

yurj on 13 luglio 2008 12:55 ha detto...

@luigi: prova a mandarmi un modello in .xml del tuo template via mail... non appena ho 5 minuti gli dò un'occhiata

Luigi on 23 agosto 2008 10:32 ha detto...

Ciao yurj,
perdonami se ti rispondo solo adesso ma non ci sono stato...

come faccio a salvare in .xml il mio template?

devo fare una copia del codice che trovo in "Modifica Html"?

Grazie ancora per la pazienza...

yurj on 27 agosto 2008 21:36 ha detto...

@luigi: da layout/modifica html, clicca su "Scarica modello completo"!! ;)

Tzun@mi on 17 settembre 2008 21:37 ha detto...

Ciao Yuri, sono una Dummies del XML e nonostante abbia seguito rigorosamente il tuo post...niente, nada, niet..non cè verso di mettere la mia firma...Ho fatto un immagine .png, l'ho hostata sul mio sito, incollo il codice paro paro sotto la riga che dici e tadaaaaa...Messaggio di errore XML: Open quote is expected for attribute "{1}" associated with an element type "src".

Sto diventando pazza!!! Helpppp

Equifare Fare Equitazione on 17 maggio 2009 08:03 ha detto...

Caro Yuri, scrivo quanto segue perchè può servire agli altri. Non sono riuscito a scaricare il file png. Ho ottenuto solo un file bitmap con sfondo nero (orrendo). A questo punto, ho eseguito due passaggi in più di mylivesign, fino ad ottenere una stringa html, che ho inserito esattamente dove hai detto tu. Immediatamente sopra ho inserito l'istruzione giustifica a destra. A me? Il risultato piace.

yurj on 25 maggio 2009 23:29 ha detto...

@Equifare: :D

nurix on 19 luglio 2009 14:47 ha detto...

molto utile, subito applicato, anche perché è un multi.blog, così mi distinguo.

nurix

Tizbertha on 31 gennaio 2010 15:30 ha detto...

grazie mille, sono unpo' imbranata ma ci sono riuscita lo stesso :O)) bellissima la firma!

t.

 
Ti sono stato utile? Ti ho aiutato? Ho risolto qualche tuo problema? Allora che ne dici di offrirmi un caffe?;)

Lettori fissi

Risorse per blogger Copyright © 2009 FreshBrown is Designed by Simran