Lavoriamo insieme ✨

Sei pronta a diventare la blogger che hai sempre sognato di essere?
Agire facendo il primo passo è un ottimo modo per cominciare ecco chi sono

Blogger in Azione

Blogger in Azione

Primi Passi

Primi Passi

F.A.Q.

F.A.Q.

Layout inspiration #2 : la larghezza delle immagini

26.11.13
Simona S.
18 commenti
Layout inspiration #2 : la larghezza delle immagini
Continuiamo con la serie 'Layout Inspiration' per vedere come definire nel nostro template la larghezza delle immagini all'interno dei post e della sidebar.

Per l'occasione ho realizzato questo layout semplice pensato per un blog di cucina (lo so il logo è pietoso... ma quando si va di fretta...).
Nel menu del layout avrete notato quelle freccine, stanno ad indicare che si aprirà una tendina, come nel tutorial 'menu drop down' che trovate qui.

Avrete anche notato lo slideshow, queste immagini che si alternano sopra il post; sono assai utili per evidenziare post rilevanti o comunque maggiormente visitati.
Anche di questo realizzerò un tutorial: vi mostrerò come inserirli e come collegarli ai post del blog ;)


Veniamo ai famigerati codici da inserire negli stili del nostro blog.

Freebies: gadget blog 'love your comment'

18.11.13
Simona S.
23 commenti
Freebies: gadget blog 'love your comment'
Nuovi stickers per i vostri blog!
Fate sapere che amate i commenti delle vostre follower :)










crea il tuo menu a discesa - how to create your drop down menu

15.11.13
Simona S.
62 commenti
crea il tuo menu a discesa - how to create your drop down menu
tutorial dropdown menu blogger - Simona S.
Menu a discesa? Cos'è? Magari è questa la prima cosa che avrete pensato, ecco è esattamente quello che vedete qui sotto.



Come inserirlo nel blog?

Prima di ogni cosa, onde evitare che nel blog compaiano strane forme indecifrabili, dovete andare in MODELLO > Modifica HTML.

(Ora magia delle magie...riciclerò un'immagine già usata in precedenza, anche il mio blog è ecosostenibile :P )

Seguite l'immagine qui sotto...

free download: swirl shapes per photoshop

14.11.13
Simona S.
8 commenti
free download: swirl shapes per photoshop
Oggi vi presento il mio primo set di forme vettoriali da utilizzare per abbellire le immagini che postiamo sui nostri blog.

Queste 9 semplici forme vettoriali possono essere utilizzati con photoshop, caricandoli come segue nel mini tutorial :)


Blog design: creare i 'blog buttons' con il css

13.11.13
Simona S.
17 commenti
Blog design: creare i 'blog buttons' con il css
Volete realizzare dei semplici blog buttons per il vostro blog, ma non avete un programma di grafica?
No problem!!!
Con un pizzico di HTML e una spruzzatina di CSS tutto (o quasi) è possibile.

Innanzitutto vi serve una palette color, che trovate qui o qui.
Io ho usato questa palette.


Poi vi serve quel pizzico di HTML per racchiudere le informazioni in un piccolo box colorato:
<div class="buttons"><a href="URL">ABOUT ME</a></div>
<div class="buttons1"><a href="URL">MY SHOP</a></div>
<div class="buttons2"><a href="URL">PINTEREST</a></div>
<div class="buttons3"><a href="URL">INSTAGRAM</a></div>
<div class="buttons4"><a href="URL">FACEBOOK</a></div>
<div class="buttons5"><a href="URL">CONTACT</a></div>

Poi passiamo agli stili, CSS, che diranno esattamente ai 'div' come comportarsi all'interno della pagina web.
.buttons {width:240px; height:25px;margin:2px auto;text-align:center;font-size:16px; padding:5px 10px; background:#EDE9E6;line-height:25px;}
.buttons1 {width:240px; height:25px;margin:2px auto;text-align:center;font-size:16px; padding:6px 10px;line-height:25px; background:#E6DBD6;}
.buttons2 {width:240px; height:25px;margin:2px auto;text-align:center;font-size:20px; padding:6px 10px;line-height:25px; background:#B4AAB5;}
.buttons3 {width:240px; height:25px;margin:2px auto;text-align:center;font-size:16px; padding:6px 10px;line-height:25px; background:#545257;}
.buttons4 {width:240px; height:25px;margin:2px auto;text-align:center;font-size:16px;line-height:25px; padding:6px 10px; background:#F2B885;}
.buttons5 {width:240px; height:25px;margin:2px auto;text-align:center;font-size:16px;line-height:25px; padding:6px 10px; background:#DEE6B5;}
.buttons a, .buttons1 a, .buttons2 a, .buttons3 a, .buttons4 a, .buttons5 a {color:#fff !important; text-decoration: none !important;}


Vi è piaciuto questo tutorial?
Spero di sì :)

Hai bisogno di un aiutino?



Free download: sfondo desktop novembre con calendario

12.11.13
Simona S.
6 commenti
Free download: sfondo desktop novembre con calendario

[1600*900]

Ok, dopo una pausa forzata, causa alimentatore del pc bruciato... andato in fumo... svampato sotto i miei occhi... sono tornata con un nuovo sfondo per desktop per il mese di novembre, e con tanto di calendario.

Se vi piace, potete prelevarlo cliccando col tasto destro sull'immagine e scegliete di aprirlo in una nuova finestra, dopodiché salvatelo sul vostro pc.

Riconoscete l'immagine? E' uno dei miei gufetti disegnati, che potete trovare nel mio shop QUI

Le misure sono per un monitor con risoluzione 1600*900px, ma se a qualcuna piace e deisdera averlo,ma ha una misura diversa da quella che io ho proposto, può lasciare un commento con scritto la risoluzione del proprio monitor :)

Freebies: Christmas Tags... particolari, non convenzionali

8.11.13
Simona S.
7 commenti
Freebies: Christmas Tags...  particolari, non convenzionali
Era da tanto che avevo in cantiere questo progettino: delle tag per gli auguri di Natale!
Pensavo e disegnavo, ma rischiavo sempre di cadere nel banale.
Così mi son detta 'per me cosa farei?'
Ecco cosa farei: degli auguri ai miei mostriciattoli :)

Spero vi piacciano, e che piacciano anche a chi li riceverà :)



Layout inspiration: piccoli suggerimenti #1

6.11.13
Simona S.
20 commenti
Layout inspiration: piccoli suggerimenti #1
Il layout (ossia l'impaginazione grafica di un template) è un qualcosa che va studiato bene, o almeno progettato bene.
Di solito io lo progetto prima su un foglio e poi passo a photoshop, i risultati non sempre sono uguali, ma photoshop mi dà comunque sempre un'idea più precisa di come dovrebbe venire sul web.
Nel mini tutorial qui sotto, cerco di dare qualche piccolo suggerimento e anche una piccola ispirazione su un layout che potrebbe garbarvi :)



'SAVE THE DATE' UN SIMPATICO PROMEMORIA

5.11.13
Simona S.
3 commenti
'SAVE THE DATE' UN SIMPATICO PROMEMORIA
Io sono sempre molto affascinata dal modo di organizzare le nozze all'estero.
In particolare trovo simpatico il promemoria inviato tempo prima del vero e proprio invito alle nozze: il save the date!

Per la serie "segnati 'sta data bene, bene, perchè mi sposo!", il save the date si invia per l'appunto prima dell'invito, preannunciando che ci sarà un matrimonio e indicando la data, l'ora e il luogo.
Ci sono vari tipi di save the date e su pinterest ne trovate a migliaia.

Beh a me piace sperimentare, ormai lo sapete, e visto il Linky Party al quale sto partecipando mi sta dando un sacco di ispirazioni per tutorials futuri, ho provato a farne uno io in stile psicadelico anni '60.
Vi piace?



L'idea mi è venuta dopo aver 'studiato' su questo tutorial e... beh... i protagonisti sono i miei amati personaggi delle Gilmore Girls ♥

Io sono sempre dell'idea che tutto ciò che riguarda i grandi eventi della nostra vita debba rispecchiare la nostra personalità e creatività, proprio così come siamo conosciuti in famiglia.

Oddio chissà ora che idea vi sarete fatti della mia personalità...psicadelica :D