Geekissimo

Inseriamo un separatore tra i Widget di blogger!

 
@mister6339 (Michele Laganà)
16 Novembre 2008
4 commenti

Blogger

Terza domenica del mese, come ogni giorno, anche oggi, noi di Geekissimo è qui a tenere compagnia a ogni Geek, con notizie, trucchi e ancora di più. Nell’articolo di oggi, vi mostro come inserire dei separatori tra i vari Widget dei temi di Blogger.

Per separare i Widget, nella maggior parte delle volte, sono usate delle immagini che aumentano in bene, almeno si spera, la grafica del vostro blog presente sulla piattaforma Blogger / BlogSpot. Le modifiche riguardano solamente il file CSS del tema, quindi un minimo impegno per un bel risultato. La prima cosa che vi ricordo di fare è quella di salvare sul PC, un backup del file CSS, in modo da poterlo ripristinare nel caso vi si presentino problemi dopo aver applicato le modifiche.


Dopo aver fatto il backup, recatevi nel pannello di amministrazione del vostro blog e andate in: LAYOUT –> Modifica HTML. Se utilizzare Firefox, premete ctrl+F e cercate la parola: sidebar .widget, e cercate il codice che vedete sotto.

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Dividete il codice in due, come vedete sotto:
.main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.sidebar .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Dopo aver separato queste due parti del codice CSS, aggiungete questo codice in “.sidebar .widget”:
background-image: url(indirizzo IMG);
background-position: bottom;
background-repeat: no-repeat;

Ovviamente, sostituite la scritta “indirizzo IMG” che c’è tra parentesi, con l’indirizzo url dell’immagine che volete inserire tra un Widget e l’altro. A questo punto, salvate il tutto. Se avete fatto correttamente tutti i passaggi, avrete l’immagine che avete scelto come separatore, tra un widget e l’altro.

Potrebbe interessarti anche
Articoli Correlati
3 temi per Blogger e BlogSpot

3 temi per Blogger e BlogSpot

Continua la nostra nuova serie di post dedicati ai temi per Blogger e BlogSpot. I tre temi che noi di Geekissimo vi presentiamo oggi implicano un lavoro di grafica non […]

Nuovo tema per Splinder e Blogger/BlogSpot

Nuovo tema per Splinder e Blogger/BlogSpot

Pochi giorni fa avevamo iniziato una nuova serie di articoli qui su Geekissimo, sto parlando dei temi per Blogger/BlogSpot. Oggi è già arrivato il momento di dare seguito a questa […]

San Valentino: icone, sfondi, cartoline, temi e tanto altro gratis per festeggiare con i nostri amati!

San Valentino: icone, sfondi, cartoline, temi e tanto altro gratis per festeggiare con i nostri amati!

Ormai manca davvero poco all’arrivo di San Valentino, la festa degli innamorati, e noi non possiamo che festeggiarla in modo geek! Eccovi quindi una mega collezione di icone, sfondi, temi […]

50 bellissimi design minimalisti per i vostri siti e blog

50 bellissimi design minimalisti per i vostri siti e blog

Ormai lo sapete benissimo: noi di Geekissimo amiamo dare consigli, che speriamo utili, a chi si appresta ad entrare nel magico mondo del web, costruendo da zero un nuovo sito […]

15 bellissimi footer per i vostri blog

15 bellissimi footer per i vostri blog

Come ben saprete se gestite un blog, anche l’occhio vuole la sua parte, quindi, dopo i contenuti è senza ombra di dubbio la grafica il punto sul quale concentrarsi per […]

Lista Commenti
Aggiungi il tuo commento

Fai Login oppure Iscriviti: è gratis e bastano pochi secondi.

Nome*
E-mail**
Sito Web
* richiesto
** richiesta, ma non sarà pubblicata
Commento

  • #1kayowas

    Grazie della dritta, proverò

    16 Nov 2008, 8:43 am Rispondi|Quota
  • #2Io

    Interessante, grazie 😉

    16 Nov 2008, 9:54 am Rispondi|Quota
  • #3Michele

    Prego. 😉

    16 Nov 2008, 10:10 am Rispondi|Quota
  • #4Spippolatore

    Ciao, stò creando sul mio blog una raccolta di guide a tag utili per modificare i template di un blog…ho inserito questo link nel mio blog….ciao, chiunque può partecipare per suggerire nuovi tag o correggere degli errori, a presto

    13 Mag 2009, 5:46 pm Rispondi|Quota