In alcuni gadget di blogger sembra impossibile lasciare il campo titolo vuoto. Ma c'è un modo per evitare di farlo apparire. Basta scrivere nel campo titolo <h2> </h2> e il gioco è fatto!
domenica 10 febbraio 2013
sabato 9 febbraio 2013
Come eliminare il bordino intorno alle immagini e le ombreggiature ai lati del corpo centrale del blog
Monica del blog Cosa bolle in pentola? mi scrive per cercare di risolvere 2 problemi del suo blog.
Il primo riguarda il bordo delle immagini: anche se lo impostiamo su trasparente resta sembra un fastidioso bordino grigio.
Il secondo problema riguarda quelle orribili ombreggiature che appaiono ai bordi del corpo centrale dei post e della sidebar quando si imposta su trasparente o bianco sia lo sfondo esterno che quello interno.
Entrambi i problemi si possono risolvere solo agendo sul codice HTML.
1. Andiamo in Design/Modello e clicchiamo su Modifica HTML. Clicchiamo nell'area del codice e digitiamo Ctr+F si aprirà un campo di testo in alto a destra che ci servirà per trovare il punto in cui modificare il codice. In questo campo scriviamo .post-body e diamo invio.
Se nel codice apparirà post-body, evidenziato, andiamo allo step 2, altrimenti proviamo a scrivere nella stringa di testo solamente .post. In pratica bisogna capire quale dei due tag è contenuto nel nostro modello HTML.
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: none !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}
Oppure, se nel nostro modello il tag contenuto fosse .post, facciamo tutto come descritto allo step 2 ma copiamo e incolliamo questo codice invece del primo:
.post img, .post .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: none !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}
.BlogList .item-thumbnail img {
padding: none !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}
A questo punto andiamo a vedere l'anteprima e il bordino grigio intorno alle foto dovrebbe essere sparito. Salviamo ed è fatta.
Per quanto riguarda invece il secondo problema posto da Monica, dobbiamo sempre andare in Design/Modelli e cliccare su Modifica HTML. Clicchiamo poi il tasto F3 della tastiera e nella stringa di testo che apparirà scriviamo .content-outer {
Individuata la riga dove è presente il tag .content-outer { cancelliamo le seguenti righe di codice che troveremo subito sotto di esso:
-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
Guardate l'anteprima, le due ombreggiature dovrebbero essere sparite. A quel punto Salvate e il problema è risolto!
N.B. Prima di effettuare qualunque operazione ricordatevi sempre di salvare per sicurezza il vostro modello HTML dallo strumento Backup/Ripristino e poi cliccando su "Scarica il modello completo".
mercoledì 6 febbraio 2013
Come mettere le etichette alle pagine
La mia amica Paky mi ha posto un quesito interessante: come faccio a mettere le etichette ai post che scrivo nelle pagine diverse dalla homepage? Bella domanda, non c'avevo mai pensato! Il tema merita un approfondimento e così mi sono messa a ...studiare. Alla fine ho capito che la domanda va posta in altri termini! Seguitemi!
Partiamo da un presupposto: quando creiamo delle etichette in realtà non facciamo altro che creare delle pagine nella quali finiscono in automatico tutti i post con la stessa etichetta. Inoltre, le pagine delle etichette si riconoscono perché nel loro indirizzo è sempre contenuta la parola "label".
Esempio di indirizzo della pagina di una etichetta:
Ora, facciamo un esempio. Mettiamo che voglio creare nella barra delle pagine una pagina che chiamerò "Ricette", e voglio che in quella pagina finiscano tutti i post che contengono delle ricette.
Ho due possibilità:
1. scrivo i post nella homepage, gli metto le etichette e poi li copio e incollo nella pagina "Ricette".
2. scrivo i post delle ricette nella homepage e le etichetto tutte e sempre con la parola "Ricette". Vado in Design/Pagine e seleziono "Nuova pagina" e nel menu a tendina che si apre clicco su "Indirizzo web". Come titolo di pagina metterò "Ricette", come indirizzo scriverò l'indirizzo dell'etichetta "Ricette". Domanda: come facciamo ad ottenere l'indirizzo delle pagine delle etichette? Semplice! Cliccate sul nome dell'etichetta, vi si aprirà la pagina relativa, l'indirizzo lo trovate ovviamente nella barra dell'indirizzo! Copiatelo e incollatelo. Salvate ed è fatta. Ora avete nella barra delle pagine una pagina "Ricette" nella quale appariranno in automatico tutti i post etichettati "Ricette".
Se avete ancora domande a riguardo o se qualche passaggio non vi è chiaro, sapete dove trovarmi!
giovedì 31 gennaio 2013
Come inserire una barra di pagine in blogger
Vogliamo inserire più pagine nel nostro blog e vogliamo visualizzarne i nomi in una barra dei menu posta sotto l'header del blog. Vediamo come fare.
Andate in Design e nell'elenco che appare a sinistra sotto I miei blog cercate Pagine e cliccate. Vi apparirà una schermata come quella qui sotto. Innanzitutto, se volete che la barra delle pagine venga posizionata sotto l'intestazione dovete cliccare su Mostra pagine come e scegliere Schede in alto. Per aggiungere nuove pagine dovete invece cliccare su Nuova pagina e scegliere Pagina vuota. Vi si aprirà una pagina uguale a quella di Nuovo post. Potete scriverci subito o lasciarla vuota per scrivere in un secondo momento, ciò che ora importa è di creare la pagina. Per fare ciò, date un titolo alla pagina e poi cliccate su Pubblica. La pagina verrà aggiunta automaticamente alla lista delle pagine. Ripetete l'operazione per ogni nuova pagina che volete aggiungere (potete farlo anche in seguito). Potete modificare l'ordine delle pagine trascinandole dalla linguetta celeste posta accanto a ciascun nome della pagina. Le pagine che stanno più su in elenco verranno visualizzate prima. Quando avete terminato, cliccate su Salva disposizione. Visualizzate il blog e vedrete la barra delle pagine sotto l'header.
Per modificare font e colori della barra dovete andare in Modello/Personalizza/Avanzato e scegliere Testo schede, se volete modificare il carattere (font) e il colore dei nomi che avete dato alle pagine. Sappiate che Colore testo dà il colore al testo, mentre Colore selezionato è il colore che avrà il titolo della pagina quando ci cliccate sopra e la visualizzate (fate prima a fare delle prove perché è più facile a farsi che a dirsi). Poi andate su Sfondo schede per cambiare il colore dello sfondo di ogni titolo di pagina. Anche qui, come per il testo, abbiamo due colori, uno per le pagine non selezionate e uno per quella che stiamo visualizzando al momento. Non dimenticate di cliccare su Applica a blog affinché le modifiche vengano salvate.
Per scrivere nelle pagine richiamatele sempre dalla scheda Pagine di cui vi ho parlato prima, cliccando su Modifica.
Un'ultima cosa, per dovete di cronaca, preciso che il menu delle pagine è sempre un gadget, pertanto, nel momento in cui decidete di mostrarle nel blog, verrà automaticamente creato il relativo gadget nel Layout. Dal layout, cliccando sul gadget, vi apparirà una scheda da cui potete fare diverse modifiche ma non quella di aggiungere nuove pagine.
martedì 22 gennaio 2013
Come inserire le etichette in un blog
Rispondo a una richiesta della mia amica Paky, che essendo alle prime armi col suo blog, mi chiedeva a cosa servono le etichette.
Le etichette sono molto importanti perché servono appunto a etichettare i post. In poche parole esse consentono di cercare più facilmente i contenuti del blog. Questo vale sia per quanto riguarda la ricerca all'interno della pagina sia per quanto riguarda quelle che gli utenti fanno nei motori di ricerca per trovare un dato argomento.
Per inserire le etichette basta cliccare sul pulsante "etichette" che trovate nella pagina dove si scrive un nuovo post, a dx sotto le "Impostazioni post". Nel box di testo che si aprirà dovete inserire delle parole chiave (le etichette appunto) che rimandino all'argomento principale del post e/o al titolo. Quando avete terminato, cliccate su Completato.
Le etichette verranno visualizzate sotto il loro post ma se volete creare un elenco di tutte le etichette nella pagina del blog dovete inserire l'apposito gadget che trovate come sempre nel Layout, cliccando su Aggiungi gadget e scorrendo poi l'elenco. Dal gadget potete decidere se visualizzare tutte le etichette o solo alcune, se visualizzarle in ordine d'importanza o alfabetico, ecc. Se una parola compare in più etichette, la sua etichetta apparirà più grande delle altre sulla pagina del blog, e inoltre, poiché i motori di ricerca indicizzano le etichette, è molto probabile che Google metterà il nostro blog fra i primi risultati della ricerca di quella parola. Qui sotto vedete le etichette del mio blog In pigiama. Come si può notare le parole che compaiono più volte nelle etichette risultano più grandi rispetto alle altre. Ad esempio la parola crochet compare 5 volte nelle etichette del mio blog. Se si clicca su un'etichetta si va alla pagina relativa. In questo modo è molto facile trovare quello che si sta cercando.
Non eccedete però col numero di etichette per ciascun post. Consiglio di mettere due, massimo tre etichette per post perché dopo aver scritto un certo numero di articoli comincerete ad averne veramente troppe. Un'ultima cosa: quale sarà l'etichetta di questo post? Saranno le parole "Etichette" (ovviamente!), "Come inserire le etichette in Blogger" e "A cosa servono le etichette in un blog".
lunedì 14 gennaio 2013
Come inserire un'immagine o un logo nella sidebar
La mia amica Alessandra vuole inserire un "bottone" (lei lo chiama bottone, io lo chiamerei logo, ma alla fine si tratta sempre e soltanto di un'immagine!) nella sidebar del suo blog.
Vediamo subito come si fa.
Vai su Design/Layout e clicca su "Aggiungi un gadget".
Scorri fra i gadget fino a trovare:
"Immagine" - Aggiungi un'immagine dal tuo computer o da qualsiasi altra posizione sul Web.
Clicca su questo gadget e ti si aprirà una finestra in cui dovrai completare i campi nel seguente modo:
Completata tutta la scheda, clicca su Salva e posiziona il gadget creato, trascinandolo col mouse nel punto della sidebar in cui desideri che venga visualizzata l'immagine.
That's all folks!
sabato 12 gennaio 2013
Liebster Award a Trucchi da blogger!
Il Liebster award è un riconoscimento nato in Germania per quei blog con meno di 200 followers. La mia cara amica Marielucie del blog Passe-Partout ha voluto dare a Trucchi da Blogger questo premio che viene passato di blog in blog come una staffetta. Le regole di assegnazione e diffusione del premio sono semplici:
1) chi lo riceve ringrazia il blog che lo ha premiato, facile!
2) copia e incolla l'immagine del premio in un proprio post;
3) sceglie di conseguenza altri 5 blog con meno di 200 iscritti cui ha piacere assegnarlo;
4) avvisa ogni blogger con un commento sul loro blog
Ti ringrazio di cuore Marie Lucie! E adesso devo passare il testimone ad altri 5 blog.
Vediamo un po'...
Iscriviti a:
Post (Atom)