Eliminar/ocultar mensaje de etiquetas en Blogger

Me refiero a esta tabla que podéis ver en la imagen y que aparece cuando pinchamos sobre alguna de las etiquetas del blog, podemos eliminarla u ocultarla fácilmente.

• Yo, como podéis comprobar en mi blog, he optado por eliminarlo.

Os explico como, es muy sencillo:

Vamos a nuestra plantilla:
Edicion de HTML--Marcamos la casilla "Expandir las plantillas de artilugios"

Buscamos la siguiente línea de codigo:

<b:include data='top' name='status-message'/>

Eliminamos la línea completa.

Guardamos Cambios y ya no veremos más el mensaje.

• También podemos ocultarlo, que no eliminarlo, mediante CSS.

Colocamos este código en el CSS de nuestra plantilla, por ejemplo, justo antes de ]]></b:skin> :

.status-msg-wrap {
display:none;
}

Compartir Enlace

Cambiar o eliminar el "publicar un comentario en la entrada" de Blogger

Cuando accedemos a una de las entradas a través de las etiquetas, aparecen los comentarios hechos en esa entrada desplegados al pie del post.
A final de todos los comentarios vemos "publicar un comentario en la entrada", si queremos cambiar ese texto por otra cosa que nos guste más, o incluso eliminarlo, nos llevará un momento. Aunque el eliminarlo no me parece lógico, incluyo el dato porque así me lo han pedido algunas personas...

Vamos a plantilla - html y expandimos los artilugios, buscamos esta línea de código:

<p class='comment-footer'>

Un par de líneas más abajo, más o menos, veremos esta línea:

<data:postCommentMsg/>

La eliminamos y la frase desaparece, si queremos sustituirla por otro texto, algo como "Expresa tu opinión" por ejemplo, después de borrar la línea, ponemos en su lugar el texto que queremos mostrar directamente escrito en la plantilla.

Si lo que queremos es mostrar una imagen en su lugar, sustituimos esa línea por:

<img src="Url_de_tu_imagen"/>

Compartir Enlace

Imagen antes del título de las entradas de Blogger

Hay dos formas de colocar un icono o imagen pequeña antes del título de nuestras entradas, una desde el HTML de nuestra plantilla y la otra mediante CSS. Explicaré las dos, aunque personalmente recomiendo la segunda (mediante CSS):

[1-] En el HTML de nuestra plantilla expandimos elementos y buscamos esta parte del código:


<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>

Justo después de <a expr:href='data:post.url'> añadimos la dirección (url) de nuestra imagen, dentro de "img src", así:

<img src= "http://img296.imageshack.us/img296/6237/preview16x16xt5.png"/>

Esta es la url de mi antiguo icono, que podéis usar si queréis sin ningún problema. ;-)

[2-] Otra opción es usar CSS, buscamos esto en nuestra plantilla, en la parte del CSS, por supuesto:
.post h3 {

Y a continuación pegamos estas líneas de código:
background: url(http://img296.imageshack.us/img296/6237/preview16x16xt5.png) no-repeat 0;
padding-left: 20px;

El padding-left nos dice la distancia que habrá del icono al texto, tendremos que cambiar su valor, según sea el tamaño de nuestro icono.
Usando la vista previa podemos ir cambiando el valor en padding hasta dar con el más adecuado.

Compartir Enlace

Como poner artículos relacionados en Blogger

En Blogger podemos mostrar en el pie de la entrada que queramos un link a un artículo relacionado con dicha entrada, puede ser un link a un artículo de nuestro blog o un artículo de otra web.

1- Vamos a plantilla - opciones - formato y ponemos "si" en "mostrar campo de vinculo", volvemos a la plantilla - creación de entradas y vemos una nueva opción en nuestro editor de entradas:


2- Vamos a nuestra plantilla - html y expandemos los artilugios, buscamos esto y añadimos el trozo de código que está en color azul, he puesto "artículo relacionado" pero puede cambiarse por lo que cada uno quiera:

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>Artículo Relacionado</a>
</b:if>
</span>
</p>

3- A partir de ahora cuando escribamos una entrada nueva podemos incluir en la cajita de "Vinculo" la dirección del artículo que queramos relacionar con el que estamos escribiendo, así pinchando en "artículo relacionado" al pie de nuestra entrada iremos directamente al artículo que hemos incluido en la cajita de "vinculo".


El "artículo relacionado" solo se verá en las entradas en las que hayamos incluido el link.
Si queremos que no se muestre a continuación de las "etiquetas" para que no se confunda con ellas, incluiremos el código entre <p> y </p> de esta manera se verá debajo de las etiquetas como una nueva opción del footer del post.


 Compartir Enlace