Criar barra separadora entre entradas de post

Buenas. Quisiera colocar un "separador automático" entre Post y Post. Es decir una imagen "barra" que se cree automáticamente con cada entrada y de esta manera diferenciar un Post de otro. ¿Es posible? Gracias

Dime la url y te intento dar el código a implementar para que se vea bien

tweetnastic.com y gracias por la ayuda 🙂

edito: ¿Alguien puede ayudarme? Gracias

Debes usar un HR y con CSS le indicas que de backgraund coloque una imagen.
Hay varias formas, pero creo que esa sería la más correcta

Hola. Yo no recomiendo usar imagenes, enlentecen la página.

DoctorPC disse:

Debes usar un HR y con CSS le indicas que de backgraund coloque una imagen.
Hay varias formas, pero creo que esa sería la más correcta

Clique para expandir...

Investigá en google las combinaciones de CSS con HR que podes usar, hay algunas ideas brillantes 😉

Te recomiendo ir a: Enlace eliminado
Y poner tu web, para que la "critiquemos" constructivamente.
De ahí vas a sacar buenas cosas, y mejorar bastante.

Abrazo

Tenias que haberme citado si no no veo que me contestaste 🙂

Prueba ha añadir esto:

<hr style="
margin-bottom: -14px;
border: solid;
background: black;
width: 438px;
margin-left: -10px;
">
Justo delante del </div> que cierra <div class="date-outer">

Se vera asi:





Por cierto tienes un error en el código hay un > que sobra justo debajo del inicio del body 🙂

triumphalis disse:

Buenas. Quisiera colocar un "separador automático" entre Post y Post. Es decir una imagen "barra" que se cree automáticamente con cada entrada y de esta manera diferenciar un Post de otro. ¿Es posible? Gracias

Clique para expandir...

Yo tampoco recomiendo imágenes, lo mejor es usar CSS, pero es para que el user aprenda a usar la etiqueta sin tener que "picar".

Waldd0 disse:

Hola. Yo no recomiendo usar imagenes, enlentecen la página.


Investigá en google las combinaciones de CSS con HR que podes usar, hay algunas ideas brillantes 😉

Te recomiendo ir a: Enlace eliminado
Y poner tu web, para que la "critiquemos" constructivamente.
De ahí vas a sacar buenas cosas, y mejorar bastante.

Abrazo

Clique para expandir...

relampago disse:

Prueba ha añadir esto:

<hr style="
margin-bottom: -14px;
border: solid;
background: black;
width: 438px;
margin-left: -10px;
">
Justo delante del </div> que cierra <div class="date-outer">

Se vera asi:

Clique para expandir...

Buenas, he estado unos días desconectado de Internet, y acabo de ver tu respuesta. Primero de todo gracias por contestar, probé el código que me decías, pero me da error en alguna linea. Nose si coloco bien el código en su sitio.

<div class='date-outer'>
<b:if cond='data😛ost.dateHeader'>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data😛ost.thumbnailUrl'>
<meta expr:content='data😛ost.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data😛ost.id' itemprop='postId'/>
<a expr:name='data😛ost.id'/>
<b:if cond='data😛ost.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data😛ost.link'>
<a expr:href='data😛ost.link'>
<data😛ost.title/>
</a>
<b:else/>
<b:if cond='data😛ost.url'>
<b:if cond='data:blog.url != data😛ost.url'>
<a expr:href='data😛ost.url'>
<data😛ost.title/>
</a>
<b:else/>
<data😛ost.title/>
</b:if>
<b:else/>
<data😛ost.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>

Yo lo he colocado en este ultimo </div> y nada... también he probado en otras partes y error. Soy super novato en todo lo relacionado con blog y html.
Saludos y gracias

Alguien puede echarme una mano? Gracias

Alguien puede echarme una mano? sobre como hacer la separación entre post? Gracias

triumphalis disse:

Buenas. Quisiera colocar un "separador automático" entre Post y Post. Es decir una imagen "barra" que se cree automáticamente con cada entrada y de esta manera diferenciar un Post de otro. ¿Es posible? Gracias

Clique para expandir...

Enviame la URL de tu blog y dime donde quisieras el espacio?
Saludos;

KhalnaL disse:

Enviame la URL de tu blog y dime donde quisieras el espacio?
Saludos;

Clique para expandir...

Gracias KhalnaL. La URL es TweetNàstic | Toda la actualidad del Nàstic de Tarragona. y me gustaria colocar la barra entre el texto "No hay comentarios :" y la fecha del siguiente post.
Saludos

Porque no lo separas con publicidad?

Preferia de momento no añadir publicidad a mi web, por eso mi idea de momento es una barra negra entre post y post. Como la captura que sale en la primera pagina.

En google hay bastantes tutoriales te dejo uno:
Poner separadores entre las entradas | Ciudad Blogger - Trucos y tutoriales para tu blog

Flames disse:

En google hay bastantes tutoriales te dejo uno:
Poner separadores entre las entradas | Ciudad Blogger - Trucos y tutoriales para tu blog

Clique para expandir...

Muchas gracias, acabo de seguir el tutorial y ya esta colocado en mi web 🙂