28.3.13

Freebies: 12 patterns a strisce per i tuoi lavori digitali

28.3.13 8 Commenti
Ieri ho realizzato dei patterns dai colori che richiamano la primavera e l'estate, anche se pioveva. Ma sta di fatto che oggi qui da me il sole splende che è un incanto.
Quindi posso dire che i patterns hanno finzionato :D

E presa dall'euforia ho spulciato questa foto, di qualche anno fa, con mia figlia, al mare.

Vi piace? Sicuramente chi fa scrapbooking digitale ne saprà fare anche un uso migliore :)


 AGGIORNAMENTO! 
Ora potete scaricare i patterns QUI!

21.3.13

come impaginare le foto in un post

21.3.13 7 Commenti
Si sa, i nostri blog son più belli se li abbelliamo con immagini che arricchiscono i nostri post. Ecco perchè diventa quasi indispensabile (per me vitale) avere un programma di grafica.
Ma se non lo si possiede, come si fa?
Beh, vi avevo già presentato Pixlr Express facendovi vedere più o meno cosa si poteva ottenere con un po' di dedizione.
Questa volta vi mostro come avere delle storyboards, così da inserirle nei nostri post.
Innanzitutto bisogna essere su Pixlr... fatto? (erano anni che volevo dirlo :P )
Cliccate sul tasto collage

Apparirà una nuova barra degli strumenti in basso, cliccate su layout per scegliere il template del vostro collage (o storyboard, che dir si voglia) e, ovviamente, scegliete quello che a voi piace di più, o che vi serve in quel momento.

Spostandovi con il mouse sulle aree grigie comparirà una   cliccatela per caricare le foto dal vostro pc. Una volta caricate potrete anche modificarle, ma in questo era inutile mostrarvi come fare... cioè più lo usate e più imparerete le funzioni (come ho fatto io).

Una volta finito di caricare tutte le foto, cliccate finished così da chiudere questa area di lavoro e tornare a quella di default di pixlr.
Da lì potrete aggiungere testo, stickers e altre diavolerie per abbellire lo storyboard.

Questo è quello che ho fatto io... ovviamente su SoCuteThings :P


19.3.13

Come installare un nuovo template in Blogger

19.3.13 6 Commenti
A volte mi capita di dare per scontato che ciò che per me è semplice lo sia anche per altri.
Sbagliato!
Ad esempio l'installazione di un nuovo template.
Vediamo come procedere passo, passo.

Cliccate sul titolo del vostro blog per accedere al pannello di amministrazione.

Dal menu a sinistra scegliete 'MODELLO'. Poi clicate in alto a destra su 'BACKUP/RIPRISTINO', così facendo si aprirà una finestra pop-up dalla quale scegliere due diverse opzioni.

1. Fare il backup del nostro blog, ovvero scaricare il template corrente così da conservarlo nel pc.

2. Caricare il nuovo template da installare cliccando sul tasto 'Scegli file'. Cliccate proprio quest'ultimo!

Cercate nel vostro pc il file .xml del vostro nuovo template, cliccate 'apri' e il nuovo template verrà installato senza problemi.

Se invece Blogger dovesse dirvi che ci sono errori e non vi fa installare il template, basta semplicemente 'aggiornare' la pagina e riprovare.
A volte è capitato anche a me. Infondo Blogger non è così infallibile :P

16.3.13

Blog design: come inserire i social icons

16.3.13 21 Commenti
Volete inserire delle icone nel vostro blog che portino al vostro shop o ai vari social networks,ai quali il vostro blog è collegato?
Vi mostro come fare in un modo  quasi  semplice e veloce.
Avete le vostre icone? Ok, tenetele un attimo da parte.
Per questo 'lavoro' dovete aprire due finestre del vostro browser: una su 'LAYOUT' , nell'altra creiamo un 'NUOVO POST'.
In 'LAYOUT' scegliamo il gadget 'HTML/JASCRIPT' e inseriamo questo codice:
<a href='INSERT_URL'><img src='URL_SOCIAL_ICON'/></a>
<a href='INSERT_URL'><img Src='URL_SOCIAL_ICON'/></a>
<a href='INSERT_URL'><img src='URL_SOCIAL_ICON'/></a>
Teniamolo buono, buono per un attimo e torniamo nella finestra con il 'nuovo post' aperto.
A cosa serve questo post?
Semplicissimo: a caricare le immagini del nostro blog, a tenerle a disposizione come in una cartella del nostro pc.
Quindi NON pubblicate questo post, ma salvatelo come BOZZA!
Una volta caricate le immagini nel post, possiamo copiarne l' URL  cliccando col tasto destro sull'immagine stessa.
COME INSERIRE I CODICI?
Ormai avrete capito che tutto ciò che è racchiuso in questo tag diventa un link e quindi vi conduce, solitamente (ma anche no, sarà in un altro tutorial) in una pagina diversa da quella in cui vi trovate.
Quindi dopo il 'href' dobbiamo SEMPRE inserire il link della pagina che vogliamo raggiungere.
<a href='http://sketchyourblog.blogspot.it'> </a>
Dove troviamo il tag 'img' vuol dire che è presente un'immagine e con il riferimento 'src', ovvero SEARCH, gli diciamo dove andarla a cercare in tutto l'universo del web.
<a href='http://sketchyourblog.blogspot.it'><img src='http://4.bp.blogspot.com/-LI-q4WdwfU8/UUQeTd4xxtI/AAAAAAAAFvY/54leWr4EGTg/s320/twitter-bird.png'/></a>
Il risultato? Eccolo!

Ripetendo l'operazione, per quante sono le vostre icone, potrete ritrovarle nella sidebar, una affianco all'altra.

E se le icone sono troppo grandi e tutte non mi ci vanno?
NO PROBLEM! Gli indichiamo noi che grandezza devono avere aggiungendo 'width' (basta dargli solo una opzione, quella della larghezza in questo caso) prima della chiusura '/' del tag 'img'. Ovviamente regolatevi sulle misure originali in pixel della vostra icona.
<a href='http://sketchyourblog.blogspot.it'><img src='http://4.bp.blogspot.com/-LI-q4WdwfU8/UUQeTd4xxtI/AAAAAAAAFvY/54leWr4EGTg/s320/twitter-bird.png' width='50px' height='auto'/></a>
E l'icona comparirà più piccola.

Spero vi sia utile questo post, se lo è lasciate un commentino? ^_^

6.3.13

Eliminare sfondo immagini dai template predefiniti di blogger

6.3.13 32 Commenti
Avete presente lo sfondo delle immagini dei post o (peggio ancora) della sidebar presenti nei nuovi templates?
A me non piacciono,e a quanto pare non sono la sola!
Così ora vi svelo cosa andare a levare dal codice HTML del nostro blog per eliminare le cornici con tanto di sfumatura al seguito.



Come al solito entrate in 'MODELLO' e poi cliccate su 'MODIFICA HTML'.
Ora dovete cercare '.post-body img'... e voi penserete 'quanto la fai facile'. E ora vi dico un altro trucchetto per trovare subito ciò che ci serve: quando siete in 'MODIFICA HTML' premete CTRL+F sulla vostra tastiera, vi comparirà in alto a dx (almeno per me che ho chrome, non so con gli altri browser dove esca) una finestrella, copiate e incollate lì dentro, in questo caso, '.post-body img' (senza le virgolette!)

Eliminate quel codice evidenziato nell'immagine qui sotto.



Così facendo avrete eliminato sia lo sfondo delle immagini dei post che delle sidebar.

1.3.13

blog design: come inserire la firma nei post

1.3.13 13 Commenti
Avete voglia di inserire una firma alla fine del vostro post, che sia un saluto o semplicemente il vostro nome?
Ecco come fare!
Innanzitutto dobbiamo creare l'immagine nella quale figuri il vostro nome (in questo caso dovete avere un programma di grafica) così:


Caricate la firma nel vostro blog: io consiglio, come sempre, di creare un post all'interno del vostro blog da utilizzare solo per il caricamento di alcune immagini che servono per la grafica, quindi salvatelo sempre come bozza! Io di solito lo chiamo 'IMMAGINI' (che fantasia eh?)

buzzoole code
Copyright © La Creative Room.