Crear 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 dijo:

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

Hacer clic 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 dijo:

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

Hacer clic 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 dijo:

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

Hacer clic para expandir...

relampago dijo:

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:

Hacer clic 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 dijo:

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

Hacer clic para expandir...

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

KhalnaL dijo:

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

Hacer clic 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 dijo:

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

Hacer clic para expandir...

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