07 July 2012

Comentarios en plantillas clasicas

Como muchos ya sabemos un defecto de algunas plantillas clasicas es que no cuentan con la opcion de comentarios, lo cual es perjudicial pues asi los visitantes no pueden dejar sus puntos de vista en algunas entradas especificas. Despues de haber experimentado mucho encontre el codigo que parece funsionar en todas las plantillas clasicas, aqui se los pongo.
<MainOrArchivePage><BlogItemCommentsEnabled> <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>><img border "0" src="AQUI  LINK IMAGEN NO ES NECESARIO"/><$BlogItemCommentCount$> <em>MENSAJE(VISITANTES HAN DEJADO SU HUELLA)</em>¿y tu?</a></MainOrArchivePage> </div> <br>
este codigo es para agregar el mensaje en cada una de tus entradas, el cual al pinchar te enviara a el lugar donde dejaras tu comentario.


 ¿donde lo debo colorar?
Bueno  este tipo de codigos deben estar dentro de los limites
 <blogger></blogger>
un ejemplo, si como yo quieres colocarlos a un lado del titulo tendra que ser despues de el codigo(el codigo puede variar de plantilla plantilla pero normalmente aparece alguno de estos)
<BlogItemTitle><$BlogItemTitle$></BlogItemTitle> <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>
si por el contrario, deseas agregar esto al final de la entrada tendras que colocarlo despues de el codigo
<$BlogItemBody$>
Este es el primer paso, ahora para que el formulario de comentarios este debajo de la entrada agregaremos el siguiente codigo
<ItemPage><div class="blogComments"><BlogItemCommentsEnabled><a name="comments"><BlogItemComments> <p style="(aqui yo puse un borde punteado para separar los comentarios si no te gusta lo puedes quitarlo o cambiarle el color) border:1px dashed #FC8F8F;"><div class="blogComment"><a name="<$BlogCommentNumber$>"></a><strong><$BlogCommentAuthor$></strong>(aqui puedes colorar un mensaje como) comentarios: <$BlogCommentDateTime$><br><$BlogCommentBody$><br/><div class="byline"><a href="<$BlogCommentPermalinkURL$>" title="permanent link"></a> </div> <$BlogCommentDeleteIcon$> </div></BlogItemComments> <$BlogItemCreate$></div></BlogItemCommentsEnabled> <center><a href="<$BlogURL$>"> INICIO (este textro te devolvera a la pagina inicial o puedes poner una imagen con <img  src=""/> )</a><center></div></ItemPage>
el cual se debera de colocar debajo de 
<$BlogItemBody$></div>
o en el caso de que hayas colocado el mensaje debajo de la entrada, sera despues de el codigo
<MainOrArchivePage><BlogItemCommentsEnabled>  <a href="<$BlogItemCommentCreate$>"  <$BlogItemCommentFormOnClick$>><img border "0" src="AQUI  LINK DE IMAGEN NO ES NECESARIO"/><$BlogItemCommentCount$> <em>MENSAJE(VISITANTES HAN DEJADO SU HUELLA)</em>¿y tu?</a></MainOrArchivePage> </div> <br>
Ejemplo de como quedo mi codigo
<blogger>
<div class="post"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle> @ <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader><MainOrArchivePage><BlogItemCommentsEnabled>
   <a href="<$BlogItemCommentCreate$>"
   <$BlogItemCommentFormOnClick$>>
   <img border "0" src="IMAGEN OPCIONAL"/>&nbsp;<$BlogItemCommentCount$> <em>(las etiquetas em son para resaltar)opiniones</em>¿y tu?</a></MainOrArchivePage> </div> <br>
<div style="padding-left: 8px; padding-right: 8px;"><$BlogItemBody$></div>
<ItemPage>
<div class="blogComments">
<BlogItemCommentsEnabled><a name="comments">
<BlogItemComments>
<p style=" border:1px dashed #FC8F8F;">
<div class="blogComment">
<a name="<$BlogCommentNumber$>"></a>
<strong><$BlogCommentAuthor$></strong>(texto opcional : ) 
<$BlogCommentDateTime$><br>
<$BlogCommentBody$><br/>
<div class="byline">
<a href="<$BlogCommentPermalinkURL$>"
title="permanent link"></a>
</div> <$BlogCommentDeleteIcon$>
</div>
</BlogItemComments>
<$BlogItemCreate$>
</div>
</BlogItemCommentsEnabled>
<center><a href="<$BlogURL$>"><img border "0" src="IMAGEN QUE TE REGESA AL INICIO"/></a><center>
</div>
</ItemPage></p>
<br>
</blogger>

Espero y la explicasion no este tan complicada, si tienen dudas, no duden en comentarlas.

    Post a Comment