*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 subir la imagen "y coger la url" ve a
0 comments:
Post a Comment