Nwlapcug.com


Come aggiungere i divisori tra i post del Blog su Blogger

Se si desidera fornire una visualizzazione più attraente per i lettori del tuo blog, inserire divisori tra ogni post su Blogger. Il divisore è una linea che appare nella parte inferiore di una voce, che separa visivamente ogni post, così i visitatori a capire dove ognuno finisce e un altro comincia. Anche se Blogger non fornisce questa funzionalità, è possibile modificare Cascading Style Sheets (CSS del tuo sito) per aggiungere automaticamente questi separatori quando si pubblica un nuovo post.

Istruzioni

1

Accedi al tuo account Blogger. Fare clic sulla scheda "Layout" sul cruscotto e quindi fare clic sul collegamento "Modifica HTML" sotto questo menu.

2

Trovare il ". post-piè di pagina" regola CSS che viene visualizzato nella casella di testo "Modifica modello". Posizionare il cursore all'interno delle parentesi graffe che seguono questo termine.

3

Immettere "border-bottom:;" e seguire questo con una dimensione in pixel abbreviato come px, uno stile di linea, come "deluse" e un valore di colore esadecimale. Per illustrare:

. post-piè di pagina {border-bottom: 2px; tratteggiata #f0f0f0;}

L'attributo border-bottom determina come i divisori vengono visualizzati sul tuo sito.

4

Tipo "margin-bottom:;" e "imbottitura:;" dopo il bordo inferiore di attributo e immettere valori numerici dopo ogni voce. Margine-parte inferiore determina la quantità di spazio viene visualizzata nella parte inferiore del divisore e imbottitura specifica quanta zona è deselezionata intorno a questa linea. Per esempio:

. post-piè di pagina {margin-bottom: 60px; padding: 60px;}

5

Fare clic sul pulsante "Preview" per vedere il tuo divisori e apportare le modifiche al codice come necessario. Quando si è pronti, fare clic sul pulsante "Salva modello". Il vostro codice CSS completo ora assomiglia questo esempio:

. post-piè di pagina {border-bottom: 2px; tratteggiata #f0f0f0;

margin-bottom: 60px; padding: 60px; }