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?
23 commenti:
Beh, sicuramente è meglio farla a mano e poi scannerizarla.. più personale direi! Ciao, a presto!
eheh grazie per la segnalazione, la mia firma non e' un granche'..meglio quella creata col programmino XD
Non mi piace firmare i post mentre invece da aggiungere alle mail mi sembra bellissima
Cose sempre utili, ciao
Grazie per il post!
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???
@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!
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?
@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"
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?
scusa non ho capito una cosa: dopo che ho salvato la firma come bozza cosa devo fare? me lo puoi spiegare per favore?
scusa non ho capito una cosa: dopo aver salvato la firma come bozza cosa devo fare? me lo spieghi per favore
@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"
@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!!
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...
@luigi: prova a mandarmi un modello in .xml del tuo template via mail... non appena ho 5 minuti gli dò un'occhiata
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...
@luigi: da layout/modifica html, clicca su "Scarica modello completo"!! ;)
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
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.
@Equifare: :D
molto utile, subito applicato, anche perché è un multi.blog, così mi distinguo.
nurix
grazie mille, sono unpo' imbranata ma ci sono riuscita lo stesso :O)) bellissima la firma!
t.
Posta un commento