Come cambiare i margini Widget in Blogger

October 27

Come cambiare i margini Widget in Blogger


Modificare la / CSS proprietà HTML "margine" all'interno del modello di Blogger per aumentare o diminuire i margini. widgets di Blogger si trovano in barre laterali del tuo blog, quindi questo è dove si modifica il codice. Il "margine" proprietà utilizza i quattro valori direzionali di alto, a destra, in basso ea sinistra. I margini sono misurati in pixel, abbreviato in "px". Utilizzare Blocco note o un altro editor di testo per modificare il codice, quindi copiarlo in Blogger. Eseguire il backup del modello di Blogger prima di modificare qualsiasi codice HTML.

istruzione

1 Accedi al tuo account Blogger per andare al Dashboard.

2 Fai clic sul link "Design" sul cruscotto. Fai clic su "Modifica HTML" nella scheda "Design" per andare alla pagina "Modifica modello".

3 Scorrere verso il basso alla ".sidebar. Widget" sezione. La codifica è simile a questo:

.sidebar .widget, .main .widget {

border-bottom: 1px dotted $ BorderColor;

margin: 0 0 0 5px;

padding: 0 0 0 5px;

}

4 Modificare il "0 0 0 5px" accanto a "margine" per il valore che si desidera. Ad esempio, modificare il primo "0" a "10px" per aumentare il margine superiore; la seconda "0" a "10px" per aumentare il margine destro; il terzo "0" a "10px" per aumentare il margine inferiore; e il "5px" a "0" per diminuire il margine sinistro.

5 Fare clic sul pulsante arancione "Salva modello". Il codice ora assomiglia a questo:

.sidebar .widget, .main .widget {

border-bottom: 1px dotted $ BorderColor;

margin: 10px 10px 10px 0;

padding: 0 0 0 5px;

}

6 Fai clic sul link "Visualizza blog" per vedere il blog con l'aumento dei margini di widget.

Consigli e avvertenze

  • cliccare "Ctrl" e "F", allo stesso tempo per tirare su la casella "Trova". Digitare il codice ".sidebar .widget" per trovare rapidamente all'interno del grande modello HTML.

Articoli Correlati