Cómo agregar separadores entre las entradas de blog en Blogger

Si desea proporcionar una presentación más atractiva para los lectores de su blog, insertar separadores entre cada post en Blogger. El divisor es una línea que aparece en la parte inferior de una entrada, que separa visualmente cada post para los visitantes a comprender que cada uno termina y empieza otro. Aunque Blogger no ofrece esta función, puede editar hojas de estilo en cascada (CSS) de su sitio para agregar automáticamente estos separadores cuando se publica una nueva entrada.

Instrucciones

1 Ingrese a su cuenta de Blogger. Haga clic en la pestaña "Diseño" en el panel de control y luego haga clic en el enlace "Editar HTML" por debajo de este menú.

2 Encuentra la regla CSS ".post-pie de página" que aparece en el cuadro de texto "Editar plantilla". Coloque el cursor dentro de los corchetes que vienen después de este plazo.

3 Enter "border-bottom:;" y siga esto con un tamaño en píxeles abreviado como px, un estilo de línea, tales como "discontinua" y un valor de color hexadecimal. Para ilustrar:

.post-pie de página {border-bottom: 2px; discontinuas # f0f0f0; }

El atributo border-bottom determina cómo aparecen los divisores en su sitio.

4 Tipo "margin-bottom:;" y "padding:;" después del atributo border-bottom e introducir valores numéricos después de cada entrada. Margin-bottom determina la cantidad de espacio en la parte inferior del divisor, y el relleno especifica la cantidad de área se elimina alrededor de esta línea. Por ejemplo:

.post-pie de página {margin-bottom: 60px; padding: 60px; }

5 Haga clic en el botón "Vista previa" para ver sus divisores y hacer los ajustes al código según sea necesario. Cuando esté listo, haga clic en el botón "Guardar plantilla". Su código CSS completa ahora se ve como este ejemplo:

.post-pie de página {border-bottom: 2px; discontinuas # f0f0f0;

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