Come aggiungere divisori tra i post su Blogger

February 10

Se si desidera fornire una visualizzazione più attraente per i lettori del 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 ne comincia un altro. Anche se Blogger non fornisce questa funzionalità, è possibile modificare del tuo sito Cascading Style Sheets (CSS) per aggiungere automaticamente questi separatori quando si pubblica un nuovo post.

istruzione

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

2 Trovare la regola CSS ".post-footer" che appare nella casella di testo "Modifica modello". Posizionare il cursore all'interno delle parentesi graffe che vengono dopo tale termine.

3 Inserire "border-bottom:;" e seguire questo con una dimensione in pixel abbreviate come px, uno stile di linea, come "tratteggiata" e un valore esadecimale. Illustrare:

.post-footer {border-bottom: 2px; tratteggiate # f0f0f0; }

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

4 Tipo "margin-bottom:;" e "padding:;" dopo l'attributo border-bottom e inserire i valori numerici dopo ogni voce. Margine-bottom determina quanto spazio appare nella parte inferiore del divisore, e imbottitura specifica quanta area è controllata attorno questa linea. Per esempio:

.post-footer {margin-bottom: 60px; padding: 60px; }

5 Fare clic sul pulsante "Anteprima" per vedere i tuoi divisori e apportare le correzioni al codice, se necessario. Quando si è pronti, fare clic sul pulsante "Salva modello". Il tuo codice CSS completo ora assomiglia a questo esempio:

.post-footer {border-bottom: 2px; tratteggiate # f0f0f0;

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