Per aggiungere un effetto ombra alla barra laterale delle pagine di Blogger, utilizzare le impostazioni HTML per sovrascrivere le impostazioni di visualizzazione del modello. Il codice per questo utilizza la proprietà "box-shadow". Questa proprietà è seguito dalla larghezza e l'altezza della ombra, poi il colore che si desidera utilizzare. A seconda del modello utilizzato, il layout del codice HTML può variare, e ci possono essere alcuni tentativi ed errori coinvolti nel trovare la giusta posizione per inserire questo codice. Posizionamento del codice nel posto sbagliato può rendere il vostro blog illeggibile, in modo da utilizzare la funzione "anteprima" prima di salvare le modifiche.

istruzione

1 Aprire una nuova finestra del browser Web e accedere al tuo account Blogger. Fare clic sul collegamento "Design" nell'angolo in alto a destra. Viene visualizzata la pagina "Elementi pagina".

2 Fare clic sulla scheda "Modifica HTML". Viene visualizzato il formato HTML per il modello prescelto.

3 Scorrere il codice HTML per trovare il codice utilizzato per determinare l'aspetto della barra laterale. Questo può essere formulato come "barra laterale", "widebar" o un'altra variazione, a seconda del modello. Nel default "Live on Blog" modello, ad esempio, cercare ".main-interni .fauxcolumn-destra-esterno." Gli attributi per la barra laterale sono posti tra i "{" e "}" parentesi.

4 Fare clic sulla scheda "Template Designer", se non è possibile determinare il termine usato per sidebar del tuo modello. Fai clic su "Regola larghezze" nel menu a sinistra e guardare la larghezza utilizzata per il "Right Sidebar" in pixel. Torna al codice HTML e la ricerca di questo numero in pixel premendo il tasto "Ctrl-F" e digitando il numero nel campo di ricerca. Il termine usato per la barra laterale apparirà accanto a questo numero.

5 Clicca sulla fine della linea e prima dell'ultima "}" staffa nella sezione collaterale e premere "Invio" per creare una nuova linea. Tipo "box-shadow: 10px 12px # C0C0C0," nella nuova linea. Sostituire "10" per modificare la larghezza orizzontale dell'ombra, e "12" per modificare la larghezza verticale, come desiderato. Sostituire "# C0C0C0", che è un grigio chiaro, con un codice di colore HTML adatto per il vostro modello.

6 Fare clic sul pulsante "Anteprima". Un'anteprima delle modifiche si apre in una nuova finestra del browser. Fai clic su "Cancella modifiche" per annullare le modifiche se non siete soddisfatti con il cambiamento, o "Salva modello" per mantenere il cambiamento.