Tutorial:Personalizar comentarios :3


Hola  ayer me pinte el cabello las puntas de color rubio pero no tanto  ,nose si me quedo bien ,pero a mi me gusta .Toy feliz ,mañana tare ocupada,en la mañana y en la tarde,pero entrare en la noche 
Boy a tar con mi pareja todo el rato jijiji vamos a ir a comer y todo 
Bueno ,les traigo como personalizar comentarios es algo muy lindo ,lo malo es que no lo puedo tener en mi blog ,por que es plantilla clasica aun nose como poner abajo de las entradas los comentarios no me sale 
Pero buenos les dejare a ustedes ,que disfruten de esta cajita de comentarios 
asi es como se vera :


Van a plantilla /Edicion de HTML/Expandir plantillas de artilugios
Y ponen Ctrl+F y ponen ]]></b:skin>
ponen atras de ]]></b:skin> el siguiente codigo





.comment-content{
background:#FFE2E2;
padding:13px;
border-radius:30px;
color:#666;}

h4{
background:#F9D7FF;
text-align:center;
color:#FDBADB;
text-shadow:2px 2px 3px #888;
font:30px ttn !important;}


@font-face{
font-family:ttn;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}

.comment-block{background:#FEF3F3;
padding:10px;
border-radius:30px;
border:3px dashed #FEE8E8}

.avatar-image-container{background:#FFE2E2;padding:5px;border-radius:50%;}


.avatar-image-container img{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
border-radius:50%;}

.avatar-image-container img:hover{
border-radius:50%;
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;}


.datetime{
background:#fff;
padding:8px;
float:right;
border-radius:30px;
font:10px arial;
margin-top:10px;}

.secondary-text{
padding:8px;
background:#fff;
border-radius:30px;
float:right;
border:2px solid #FEE8E8;
}

 listo , lo guardan y lo cambian ustedes los colores a su gusto ¡
Por favor ,no copiar ,dar creditos si utilizan el tutorial 

17 comentarios :

  1. exelente tutoooo este si que me gustoo!!

    ResponderEliminar
  2. owo ¡ k bueno que te haya gustado saku-chan :3 ¡

    ResponderEliminar
  3. Que bonito turorial lo he probado y se ve muy bien :)

    ResponderEliminar
  4. ¡¡Lo encontre!! ^^ Muchas gracias, es muy lindoo, de seguro lo uso en uno de mis blogs. Besos

    ResponderEliminar
  5. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  6. ¡¡NO me sale!! NO se qué pasa, ¿alguna sugerencia?

    ResponderEliminar
  7. me faltaba borrarlo, gracias ^^ He puesto otro tipo de comentario personalizado, pero mil gracias :3

    ResponderEliminar
  8. esto funciona para plantillas de blogskin? :c

    ResponderEliminar
  9. como se les cambia los colores, es que no quiero que el color en donde dice "11 comentarios" sea morado y rosado

    ResponderEliminar
    Respuestas
    1. busca el codigo h4{ en ese codigo de comentarios :3
      y abajito sale
      background:#F9D7FF; <--- Alii cambias el color de fondo
      color:#FDBADB; <---Color de la letra :3

      Eliminar
  10. muy buen tuto gracias lo usare y daré creditos

    ResponderEliminar
  11. Que bonito blog, utilice el tuto y me funciono de maravilla, muchas gracias :3

    ResponderEliminar
  12. Que bonito blog, utilice el tuto y me funciono de maravilla, muchas gracias :3

    ResponderEliminar
  13. Hi! Me Sirivo Gracias Luni Visita mi blog panditamegiotri.blogspot.com

    ResponderEliminar

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