Delicious LinkedIn Facebook Twitter RSS Feed

Sustituir "Comentarios" por una imagen en Blogger

Hace unos días indicábamos como cambiar alguna imagen desde la plantilla , y como "cambiar el nombre del autor" por una imagen , pero respecto a una pregunta que tuve , sobre "Cambiar la palabra comentarios por una imagen" (Dije que iba a estudiar el caso) y hay va la respuesta :

*Esto es lo que tenéis que hacer:

*Antes de tocar la plantilla Blogger nos dice: Antes de editar la plantilla, te recomendamos que guardes una copia de ella y Blogger facilita el guardarla,ya que se pueden borrar partes de ella que luego sean irrecuperables,si guardamos una copia de seguridad no tendremos ningún problema. Otra cosa si lo ves muy complicado...¡No lo hagas! "pide que te lo hagan" o estate quieto.

1- (Este paso el " 1 " se puede dejar sin hacer , es por que si no se hace , sale los comentarios arriba del post y abajo del post " 2 veces ", si lo borramos solo salen en un lado que "es lo que debe ser)... Vamos a nuestra plantilla "Edición html" y "expandimos artilugios"... localizamos con "Ctrl+F" lo siguiente: <span class='post-comment-link'> "Incluido este código y hasta: </b:if> </span> ¡Lo borramos! ,(Son unos 12 renglones "cuidado no borrar más).

2- Buscamos ahora: <b:includable id='post' var='post'> justo detrás "Si no hay espacio damos a Enter",ponemos el siguiente código:

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/> </b:if></a>
</b:if>
</b:if>
</span>

3- Ahora buscamos: ]]></b:skin> y justo "antes" ponemos:

.comment-link {
font-size: 150%;
background: url( "URL de la Imagen que se quiera" ) no-repeat top right;
height: 50px;
width: 53px;
text-align: center;
float: right;
margin: 5px 0 0 0;
padding:5px 2px 0 5px;
}
-(Damos a vista previa,y cuando este correcto guardamos).
* Los valores de tamaño podéis ajustarlos para el efecto deseado.

-Estas son algunas imagenes para poner. (Busca mas en Google images ):

*Para descargar "pulsa encima de la imagen" (Botón derecho) Guardar como...

* Para subir la imagen "y coger la url" ve a AQUÍ es Gratis y va muy bien

0 comments:

Post a Comment