Responder a el comentario en blog

Para crear la opcion de que nuestros visitantes respondan a un comentario en especifico les traigo este truco que espero les sea util:

1. Iremos a  Diseño>> edicion HTML>> Expandir plantilla de artilugios y con ayuda de Ctrl+F buscaremos el codigo:

<data:comment.author/>

2.Justo debajo de este pegaremos el siguente codigo.

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID_DEL_BLOG&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>RESPONDER</a></span>

De esta manera se agregara la opcion de responder al comentario, pero en texto. Si deseamos colocar una imagen o un boton colocaremos el siguente.

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID_DEL_BLOG&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'></a><img src="URL_DE_LA_IMAGEN_AQUI"/></span>

Como pueden ver solo sustituimos el Responder por el codigo imagen.
En la seccion que dice ID_DEL_BLOG  aparece al momento de hacer un post y editar la plantilla enla URL del blog.

http://www.blogger.com/post-create.g?blogID=664XXXXXXXXXX

El resultado es el siguente:

Ocultar el "mostrar mas entradas" en blogger

Bien, hoy les mostrar como ocultar o eliminar el molesto (por lo menos para mi) mensaje de "mostrar mas entradas"

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

En el caso de que quieras eliminarlo entraras a Diseño>>Edicion Html >> Expñandir plantilla de artilugios y con ayuda del CTRL + F buscaras el codigo

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

y lo eliminaras. es asi de simple, espero les sea util,

Emoticons en tus entradas y comentarios para blog.[VIDEO]

Emoticons en tus entradas y comentarios para blog.

hoy les mostrare como colocar emoticones en las entradas y comentarios en blog, lo primero que haremos es explandir la plantilla y buscar el siguiente codigo con ayuda de Crtl + F

</head>

Una vez localizado colocaremos ENCIMA de este el siguiente script

<!-- (Script Emoticones) -->
<script type='text/javascript'>
//<![CDATA[
document.getElementsByClassName = function(clsName){
    var retVal = new Array();
    var elements = document.getElementsByTagName("*");
    for(var i = 0;i < elements.length;i++){
        if(elements[i].className.indexOf(" ") >= 0){
            var classes = elements[i].className.split(" ");
            for(var j = 0;j < classes.length;j++){
                if(classes[j] == clsName)
                    retVal.push(elements[i]);
            }
        }
        else if(elements[i].className == clsName)
            retVal.push(elements[i]);
    }
    return retVal;
}
function addSmiley(){
  var postBodyClass = (postBodyClass) ? postBodyClass : 'post-body';
  var d = document.getElementsByClassName(postBodyClass);
  for(var i=0;i<d.length;i++){
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\)/gi, ' <img src=" http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/9j2m9d.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
   
  d[i].innerHTML = d[i].innerHTML.replace(/\:\-S/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/681.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
     
d[i].innerHTML = d[i].innerHTML.replace(/\:\-P/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/71.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
     
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-\[/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/581.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
     
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-D/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/31.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
   
  d[i].innerHTML = d[i].innerHTML.replace(/\}\:\-\]/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/211.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
   
  d[i].innerHTML = d[i].innerHTML.replace(/x\*/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/811.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
     
 d[i].innerHTML = d[i].innerHTML.replace(/\;\-D/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/111.png" style="border:0; margin:0; padding:0;" id="new" /> ');
   
  d[i].innerHTML = d[i].innerHTML.replace(/\:\-\|/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/841.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
     
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-\}/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/2hh249d.png" style="border:0; margin:0; padding:0;" id="new" /> ');
     
 d[i].innerHTML = d[i].innerHTML.replace(/\:\*\)/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/531.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
  d[i].innerHTML = d[i].innerHTML.replace(/\:\-\(/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/501.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');

 d[i].innerHTML = d[i].innerHTML.replace(/\;\-\)/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/2ykzz1s.gif" style="border:0; margin:0; padding:0;" id="new" /> ');

 d[i].innerHTML = d[i].innerHTML.replace(/XL/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/035.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/PIK/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/111-1.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/MUSIK/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/109.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/NOOTO/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/038.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/LUV/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/031.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/RAINN/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/021.gif" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/WHATT/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/61.jpg" style="border:0; margin:0; padding:0;" id="new" /> ');
d[i].innerHTML = d[i].innerHTML.replace(/REDD/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emotic2/107.gif" style="border:0; margin:0; padding:0;" id="new" /> ');

    }
var d = document.getElementsByClassName('comment-body');
  for(var i=0;i<d.length;i++){
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-\)/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img3123.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-S/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0549.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-P/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img1089.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\[/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0813.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-D/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0897.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\}\:\-\]/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0900.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/x\*/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0776.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\;\-D/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0594.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\|/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0453.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\-\}/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0786.png" style="border:0; margin:0; padding:0;" id="new" /> ');
        d[i].innerHTML = d[i].innerHTML.replace(/\:\*\)/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0987.png" style="border:0; margin:0; padding:0;" id="new" /> ');
 d[i].innerHTML = d[i].innerHTML.replace(/\:\-\(/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0687.png" style="border:0; margin:0; padding:0;" id="new" /> ');
 d[i].innerHTML = d[i].innerHTML.replace(/\;\-\)/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0571.png" style="border:0; margin:0; padding:0;" id="new" /> ');
 d[i].innerHTML = d[i].innerHTML.replace(/XL/gi, ' <img src="http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img1246.png" style="border:0; margin:0; padding:0;" id="new" /> ');
    }
}
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}
addLoadEvent(addSmiley);
//]]>
</script>
<!-- (Fin Script Emoticones) --> 

PROPIEDADES
Postbodyclass: Son los iconos o emoticones que iran en tus entradas
Comment-body: Son los emoticones que tus visitantes podran utilizar al dejar un comentario.
Rojo: lo que esta en rojo son los simbolos que utilizaras para colocar un emoticon, o en otras palabras la carita, es decir si colocamos :-) en el posto o comentario esto de inmediato se sustituira por una imagen. estos se encuentran divididos por diagonales /, si no quieres experimentar mucho es preferible dejar esos codigos en paz a menos que ya tengas conocimiendo de estos Scripts, de lo contrario puede resultar un dolor de cabeza.
Azul: es la direccion en la cual esta alojada la imagen, si no te gustan los que yo he colocado simplemente puedes cambiarlos por los tuyos.

Bien, ya con esto nuestro blog tendra la habilidad de colocar los emoticones, solo falta hacerle saber a tus visitantes cuales codigos le corresponden a cada imagen, y para eso debajo de:

 <h4 id='comment-post-message'><data:postCommentMsg/></h4><p><data:blogCommentMessage/></p>

 colocaremos un codigo que nos muestre arriba del formulario de comentarios una cajita con los iconos disponibles y sus simbolos correspondientes.

<!-- ini tabla emoticones -->
<table border='0' cellpadding='0' cellspacing='1'>
  <tr>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img3123.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0549.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img1089.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0813.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0897.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0900.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0776.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0594.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0453.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0786.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0987.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0687.png' width='20'/></td>
    <td align='center' width='26'><img height='21' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img0571.png' width='20'/></td>
    <td align='center' width='26'><img height='20' src='http://i491.photobucket.com/albums/rr277/kagamine_ren/emoticons/MsgPlus_Img1246.png' width='20'/></td>
  </tr>
  <tr>
    <td align='center' width='26'>:-)</td>
    <td align='center' width='26'>:-S</td>
    <td align='center' width='26'>:-P</td>
    <td align='center' width='26'>:-[</td>
    <td align='center' width='26'>:-D</td>
    <td align='center' width='26'>}:-]</td>
    <td align='center' width='26'>X*</td>
    <td align='center' width='26'>;-D</td>
    <td align='center' width='26'>:-|</td>
    <td align='center' width='26'>:-}</td>
    <td align='center' width='26'>:*)</td>
    <td align='center' width='26'>:-(</td>
    <td align='center' width='26'>;-)</td>
    <td align='center' width='26'>XL</td>
  </tr>
</table>
<!-- fin tabla emoticones -->

PROPIEDADES
Verde: con estas podremos jugar con la altura y anchura de la imagen que estara ensima de nuestro formulario de comentarios.
Azul: Sera la URL de la imagen, asegurate que coincida con las que pusiste en el codigo anterior.
Rojo: le muestra a los usuarios que codigo es el necesario para cada emoticon.


Al final nuestro resultado sera el siguiente.

Crayon brushes

Pinceles Lolita - Angelique pretty

Kawaii brushes Photoshop

Pack de cursores para tu pc

Como subtitular un video con virtual dub y subtitle workshop

♥ Herramientas a utilizar ♥SUBTITLE WORKSHOP
VIRTUALDUB

Cursores Lolita

Gif animado en Phoshop

Botones flotantes.

Aqui explicare como colocar un boton flotante como el que tengo para "follow me", esto lo he hecho en una plantilla clasica.
lo primero que necesitamos es diseñar nuestro boton, una vez terminado lo almacenaremos ya sea en photobucket, blogger u otros servidores, ahora el codigo:

<a href="URL DE LA PAGINA A LA CUAL TE DIRIGIRA"><img style="display: scroll; position: fixed; top:0px; left: 320px;"  src="URL DE TU IMAGEN" ></a></div>

este codigo es el mas sensillo, las propiedades que aqui vemos son:

href: url a la cual seras dirigido
style: propiedades de la imagen
position: posicion
top: la altura a la cual estara la imagen

en este caso podemos cambiarlo a bottom, si deseas que este debajo

left: a que distancia del lado izquierdo

esta propiedad tambien puede cambiar a right si lo queremos a la derecha

src: url de la imagen

Ahora si queremos que al pinchar se abra en una ventana emergente o Pop-up agremaremos el siguiente codigo a href

<a href="http://www.blogger.com/follow-blog.g?blogID=6641XXXXXXXXXXX"target="_blank" onClick="window.open(this.href, this.target, 'width=500,height=400,top=200px,left=300px'); return false;">

Las propiedades utilizadas son:

target_blank : abre el link en otra ventana
onClick: al hacer click que es lo que hara
width: el ancho de la ventana pop-up
height: la altura de la ventana
left: la posicion de la ventana

asi pues nuestro codigo completo quedaria de la siguiente forma:

<a href="URL DE LA PAGINA"target="_blank" onClick="window.open(this.href, this.target, 'width=500,height=400,top=200px,left=300px'); return false;">

<img style="display: scroll; position: fixed; top:0px; left: 320px;"  src="URL IMAGEN" ></a></div>

Si como yo quieres que el boton te envie a la pagina de subscripcion de blogger solo necesitaremos este link y la ID de tu blog.

http://www.blogger.com/follow-blog.g?blogID=66615XXXXXXX

la ID la puedes encontrar facilmente al momento de hacer una entrada, editar tu plantilla y demas:

<a href="
http://www.blogger.com/follow-blog.g?blogID=66615XXXXXXX"target="_blank" onClick="window.open(this.href, this.target, 'width=500,height=400,top=200px,left=300px'); return false;">
<img style="display: scroll; position: fixed; top:0px; left: 320px;"  src="http://4.bp.blogspot.com/AAAAAAAAA3U/i_Boi/XXX/ejemplo.png"></a></div>

¿donde lo coloco?
Bueno yo lo coloque antes de las etiquetas

</body>
</html>

que viene siendo al final.

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.