immagin top

25.2.14

Blog design: come inserire i codici nel tuo CSS

Blog design: come inserire i codici nel tuo CSS

25.2.14



E' ovvio che io sbaglio quando mi riferisco a tutte voi nei miei tutorials, come se fossero scontate alcune conoscenze, e vi chiedo scusa :)

Per rimediare ho realizzato un video tutorial piccino, picciò per mostrare come e dove inserire i codici nel vostro CSS.

Ma cos'è un CSS? (si chiederanno alcune di voi)
Beh io sono un'autodidatta, come il 99% di chi mi segue, e allora ve lo spiego in modo semplice e conciso:
il CSS è composto da una serie di codici che hanno il potere di cambiare l'aspetto grafico e l'impostazione del vostro blog.

E' come se fosse la macchina da cucire di una sarta :D

Detto ciò, i professionisti del web mi staranno lanciando maledizioni di ogni genere, ma visto che sono sicura che da queste parti di Guru non ne transitano, sono piuttosto serena :P

Bando alle ciance, che ne faccio sempre troppe, eccovi il video tutorial!

24.2.14

Social Icons: come personalizzare i colori

Social Icons: come personalizzare i colori

24.2.14

free social icons - Simona S.


Quelle che vedete qui sotto sono delle semplici social icons bianche....(?)

No, non vi chiedo di mostrarmi la vostra tecnica di colorazione migliore, con chissà quale programma ultra mega all'avanguardia :D


Ciò che vi mostro oggi è come prendere delle semplici icone bianche ed inserirle in div da colorare e personalizzare a nostro piacimento!

Prima di ogni cosa ci servono le icone, e intanto potete prelevare queste :)
Poi dovete caricarle sul blog... beh ma comunque il link vi apparirà ugualmente nel tutorial :P (è l'orario...sì sì...credici -.-)

Ogni immagine/icona deve essere un link per avere effetto come questo

Ormai sapete che per ottenere un link bisogna che ci sia il tag a che racchiuda l'elemento linkabile, di conseguenza avremo questo codice:

18.2.14

Blog design: come inserire la firma visibile in tutti i post

Blog design: come inserire la firma visibile in tutti i post

18.2.14

In un tutorial fatto quasi un anno fa (wow come passa il tempo) vi spiegavo come inserire una firma semplice nei vostri post. Certo questo aveva un piccolo difetto, ossia quello di far visualizzare la firma nei post successivi all'inserimento del codice.

Oggi invece vi mostro come inserire una firma visibile in tutti i post, anche in quelli vecchi.

Creiamo la nostra firma... come? dove? Beh esistono alcuni tool online facili ed intuitivi.
Uno che posso consigliarvi è Pixlr Editor, che somiglia un po' a Photoshop, ma più semplice.

Dopo aver creato la vostra firma come immagine, dobbiamo caricarla sul blog.
Forse mi ripeterò, ma vi consiglio di creare un post e mantenerlo come bozza in modo da avere le immagini a disposizione, come se fosse una cartella :)

Una volta caricata l'immagine avrà come codice su per giù questo:
<img src='URL_VOSTRA_FIRMA' border='0' alt='' />
Ora andate in Modifica HTML e andate al widget Blog1 come nell'immagine sotto.

tutorial inserire firma nei post - Simona S.

Scendete giù pian,pianino, per cercare nel codice la sezione del post. Una volta trovato cliccate sulla freccina per espanderlo.

13.2.14

Come inserire le immagini dei tutorial in una griglia

Come inserire le immagini dei tutorial in una griglia

13.2.14

Mi è stato chiesto da Marilù Maaga come si possono inserire le immagini dei tutorial così come ho fatto io nella mia pagina TUTORIAL-LIST.



Il sistema utilizzato da me è quello delle tabelle (presto un tutorial - se non video tutorial - sull'argomento), che possono sembrare difficili da realizzare, ma che una volta capito il sistema, non c'è niente di più semplice!

8.2.14

Handmade: quando il cuore custodisce un messaggio...

Handmade: quando il cuore custodisce un messaggio...

8.2.14

Sulla mia pagina avevo già dato un'anteprima, ed ora piano, piano (gli impegni fortunatamente sono tanti) li sto ultimando...
Intanto due son già fatti, ma voglio mostrarvene uno che è il mio preferito: il ♥ grigio e senape!

Il cuore ha un bottoncino che lo mantiene chiuso, ma se lo apri un dolce messaggio appare per portare calore a chi lo legge :)

7.2.14

Inserire il pulsante 'Pin It' sulle immagini + pin buttons

Inserire il pulsante 'Pin It' sulle immagini + pin buttons

7.2.14

tutorial inserire pin button blogger - Simona S.

I social networks si sa, sono molto importanti per allargare la cerchia dei nostri utenti, per far conoscere il nostro blog.

Un buon metodo è diffondere le immagini dei nostri post e uno dei social network più famosi che utilizza questo meccanismo è senza ombra di dubbio Pinterest.
Lì si trovano idee di ogni tipo, un singolo materiale è oggetto di innumerevoli DIY, come il sughero.

Se ancora non lo conosci e vuoi registrarti per far parte di questa bellissima e 'pulita' community, ma non sai come fare... qual'è il problema? Ne ho fatto un tutorial qui :)


6.2.14

Crea sezioni carine per i tuoi link

Crea sezioni carine per i tuoi link

6.2.14



Quante/i di voi hanno una pagina in cui condividono i loro blog preferiti, perchè metterli nella sidebar significherebbe renderla un'autostrada?
Io personalmente lo preferirei facendo comunque una cernita fra quelli che seguo, altrimenti dovrei inserirne più di 200...

Pensando a come sistemarli, senza l'utilizzo di photoshop, mi sono venute in mente queste soluzioni: tipo raccoglitore a schede.

F
O
O
D

crafter

Di certo a raccogliere solo alcuni blog, tralasciandone qualcuno solo perchè ci è passato di mente, potrebbe offendere qualche blogger, ecco perchè, magari, sarebbe meglio fare una buona premessa all'inizio, del tipo:
 'condivido con voi i blog da me seguiti che potrebbero risultarvi utili grazie all'ausilio dei loro tutorials - mi scuso in anticipo se ho dimenticato qualcuno, ma anche io sono umana :) -'.
Che dite ci può stare?