Tutorial:Poner caja de comentarios en plantilla clasica ♥



Hola¡¡  ,ultimamente me toy levantando muy tarde jiji, bueno les traigo otro tutorial,espero que les sirva para los que usan plantilla clasica blogskins,se trata de poner una caja de comentarios debajo de las entradas,este tutorial lo buscaba antes cuando tenia la plantilla clasica pues no me gustaba que saliera una ventana emergente para los comentarios y lo encontre  Aora compartire con ustedes ,Bueno para que me entiendan a que me refiero con caja de comentarios aqui una imagen:
Aparecera con un icono ,ya no con el avatar de la persona que comenta ,es muy lindo  Para tenerlo siga los siguientes pasos.
Para continuar haga clic en "seguir leyendo"

Pegar el siguiente codigo antes de </style>

.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#FCC3CE;
}

.deleted-comment {
font-style:italic;
color:gray;
}

#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}

.comment-data {
background:url("Url del icono") no-repeat;10px .3em
margin-top:5px !important;background-size:20px;
padding:0 0 0 20px;
color:#FCA2A2;/*Color de la palabra "ha dicho" */
}

span.comment-icon{display:none}

.comment-poster {
font-weight:bold;
}

.comment-body {
margin:0px;
}

.comment-body p {
background:#FFFFFF;/*Color de fondo de cajita de texto*/
border:3px solid #FCEBED;/*Color de borde*/
margin:0em;
padding:5px;
color:#808080;/*Color de la letra*/
}
Aora bucamos </Blogger> que aparecera 2 veces ,tienes que pegar el siguiente codigo antes de </Blogger> en las dos vececes que aparece.

<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(Url del fondo); box-shadow:0  0 3px #ddd;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</div>
</ItemPage>
Para personalisarlo cambian todo lo que esta de colores por lo que indica .
Ejemplo:
#FCA2A2;/*Color de la palabra "ha dicho" */
Tiene ayudadita al lado n.n¡
Bueno solo hay un un color que no puse que es ,es este:
#fff:Color de borde la caja de comentarios
Notita:Ve a configuracion->entradas y comentarios->Ubicacion de los comentarios
Tienes que poner "Debajo de la entrada"
Bueno espero que les haya gustado,si quieren que haga un tutorial que deseen avisenme,les ayudare  Este tutorial no me pertenece aqui los creditos 

Firmita de Creditos: Kuma

4 comentarios :

  1. ¡Muy buen tutorial! Veré si lo hago :3 <3

    ResponderEliminar
  2. Hola Lunany-kawaii bien lindo su blog una favor pueden seguir el mio es http://hapineslive.blogspot.com.es/

    Gracias si me siguen yo les sigo

    ResponderEliminar
  3. Me encantó :D los puse en mi blog ^^ gracias

    ResponderEliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥