9/3/13

[Tutorial]Como personalizar los comentarios


Hola hola jajaj otra vez yo soy pesada ehh bueno este tutorial no lo tenia pensado hacer hasta dentro de mucho pero como me lo pidieron 9.9 pues ahora lo tengo que hacer n.n es un tuto muy fácil para las que no nos gusta como quedan los comentarios predeterminados y bueno aquí esta el tuto espero que os guste 


Plantilla>Edicion HTLM>Buscas:]]></b:skin>

Y antes de ]]></b:skin> pegas 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;
}

Lo que esta en naranjita son los colores que tenéis que sustituir  no os puedo decir de cada parte porque eso lo teneis que hacer a ojo
Yo lo que hago es cambiar el color y luego guardar y ver como quedo si no me gusto lo cambio otra vez

C R E D I T O S 
Luna :3

53 comentarios:

  1. Siempre me preguntaba como se modificaba los comentarios. Y se como ^^
    Saludos!!=^-^=

    ResponderEliminar
  2. Kumy, quisiera una remodelacion en mi blog pero que sea bella, y como tu sabes editar bien ;) quisiera que me ayudaras
    Y para esto necesitaria tu mail para agregarte al blog y hacerte administradora y que me hagas una remo ¿podrás?
    Pero confió en vos :)
    Un besito :3

    ResponderEliminar
    Respuestas
    1. claro que si n.n te doy mi gmail n-n
      candelaaisika@gmail.com
      me tendrás que decir los colores que quieres

      Eliminar
  3. Respuestas
    1. sera ke tienes otra plantilla no funciona con todas las plantillas

      Eliminar
    2. con que plantillas funciona?

      Eliminar
  4. este tuto queriaaaaaaaaaa siii gracias Kumy!

    ResponderEliminar
  5. No entendí nada explicas muy distensible osea que no explicas bien necesito que me digas que es lo que tengo que cambiar y porque cosa lo tengo que cambiar

    ResponderEliminar
  6. Hola pregunta viste que tengo que pegar el codigo pero no encuentro esto ]]>
    Habia que tocar algo y poner eso para encontrarlo mas facil es que no me acuerdo que botones tenia que tocar para buscar mas facil esto ]]>
    Me dices como ? ^^ gracias

    ResponderEliminar
    Respuestas
    1. si claro con las teclas pincha en ctrl + f y te saldra una pestañita arriba

      Eliminar
  7. http://kpopsubspanish.blogspot.com/... porfavor ve mi blog... porque en esta plantilla no se puede poner eso¿? ^^ me encantaria tu ayuda ^^

    ResponderEliminar
  8. uyy gracias no conseguía cambiarlos *^*
    creo q gracias a tus tutoriales empiezo a cogerle de nuevo el truco a la plantilla asi q mis gracias son dobles
    DOMO ARIGATO sensei

    ResponderEliminar
  9. No consigo encontrar esto ]]>, y leí arriba que no funciona con todas las plantillas ¿cuál debería usar? ]]>

    ResponderEliminar
  10. Este Tuto Me Encanta, Lo Malo es que no me aparece! En Que Plantillas Aparece? :3

    ResponderEliminar
  11. i como son los colores por ejemplo si lo kiero hazul porque palabra numero tengo que cambiarlo??????

    ResponderEliminar
  12. Muchas gracias, ya lo he puesto en mi blog

    ResponderEliminar
  13. Kumy tu sabes como poder poner este efecto en plantillas blogskin??? y donde se coloca si es que hay forma'???

    ResponderEliminar
  14. Muchas gracias! Lo usé en mi blog, quedó super lindo :)

    ResponderEliminar
  15. No pensé que en blog dedicado a lo "Kawaii" encontrara buenas cosas para mis blogs. Muchísimas gracias por compartirlo.

    ResponderEliminar
    Respuestas
    1. XD hola! este blog esta dedicado al diseño grafico, tutoriales y recursos no a lo kawaii lo kawaii es el diseño!!
      <3

      Eliminar
    2. *ModoCultoOff*
      XD ...por eso :P
      Es que la mayoría de blog de tutoriales de diseño gráfico y/o html que he consultado son muy simples... este es el primero que veo con cosas bonitas ^w^ ♥
      A propósito, también soy diseñadora y me agrada mucho como tienes diseñado tu blog :D

      Eliminar
    3. oh si eres diseñadora *-* me encantaria ver tus diseños tienes DevianArt !! :3 gracias por tus cumplidos si tienes un blog me gustaria saber de el *^*

      Eliminar
    4. Bueno, mi personal es este: http://theworldofarthemisrosejackson.blogspot.com (tiene el nombre muy largo, estoy pensando en cambiarlo XD )
      de la cuenta donde estoy escribiendo ahora es de un fan base :P

      Eliminar
    5. wow se ve que te gusta Michael Jackson xD se nota por todo el blog :P

      Eliminar
    6. jejeje see... pero voy a cambiarle todo el diseño, quitarle todo eso de MJ y de los demás, sobre todo la apariencia como blog, así que tus tuto me ayudarán mucho para eso :P

      Eliminar
    7. jejeje see :P ... pero voy a quitarle todo eso de MJ y los demás y colocar cosas mas mías para que se vea mas pro... sobre todo cambiarle la apariencia como blog, así que tus tuto me ayudarán mucho en esa parte :)

      Eliminar
  16. Hola! muy lindo tu blog... pero no puedo copiar el código :c ... le quitas la protección plis? o como puedo obtener el código, gracias ^^

    ResponderEliminar
    Respuestas
    1. ya no tiene proteccion xD esque me pillaste provando el bloqueo xD

      Eliminar
  17. No puedo ponerlo, no encuentro el ]] D:

    ResponderEliminar
    Respuestas
    1. Puede ser que no tengas la plantilla que acepta ese código no todas las plantillas lo aceptan :(

      Eliminar
  18. kumy me ayudarias a remodelar mi blog? es que veo que tu sabes mucho de esto *-* y yo por mas que trato no me sale :'( ya te agregue en afiliados :3

    ResponderEliminar
    Respuestas
    1. Sinceramente me pillaste en un momento difícil ya que estoy en proceso de remodelar mi blog :3

      Eliminar
  19. mmm...no entiendo mucho TTnTT puse el codigo como esta escrito y no salio, vi mi blog y salio el codigo en vez de el gadget, me ayudas pliss?

    ResponderEliminar
  20. Gracias!! Me re funcionó! GENIA *-*

    ResponderEliminar
  21. Mil gracias guapa. Todos tus tutoriales me han servido un montón. La verdad es que me encanta, he utilizado unos cuantos y gracias a ti cada vez más mejora mi blog en algo.
    Pásate cuando quieras: http://bouofbrodreamshistories.blogspot.com/

    ¡Dos besos!

    ResponderEliminar
  22. Kumy.. MUY BUEN TUTORIAL♥ Mi problema.. es que no me encuentra el codigo :(

    ResponderEliminar
    Respuestas
    1. eso es o porque tienes una plantilla clásica que no acepta o porque no buscaste bien XD
      Yo uso la plantilla picture windows

      Eliminar
  23. Aeww, gracias*O* te adoro jkasdhkljasdhklasj erii la mejor<3 *.*

    ResponderEliminar
  24. Como puedo poner una caja de comentarios?

    ResponderEliminar
    Respuestas
    1. Pues ummm no se si te refieres a poner los comentarios editados como estos o a poner una caja caja como la mía para poner los comentarios osea escribir porque eso viene predeterminado en las plantillas blogger

      Eliminar
  25. Gracias!! me ha servido mucho!!! *-*!!
    Eres genial!!

    ResponderEliminar
  26. Olá seu tutorial me ajudou bastante! Adorei o tipo de comentario que você ensinou ! Obrigada mesmo. Se puder.... Visita? http://docebunny.blogspot.com.br/ Obrigada por tudo segui ♥

    ResponderEliminar
  27. Lo puse tal cual y no quedo, me podrias ayudar?

    ResponderEliminar
  28. Disculpa, no me sale el codigo ]]>, le quite el ]]> y si me salio uno pero no se si sea otra cosa, que hago?
    Si no me sale el código como le hago???

    ResponderEliminar
    Respuestas
    1. Eso es que la plantilla no es compatible con el código prueba a usar picture windows como plantilla base :)

      Eliminar
  29. Gracias por el tuto! Kumy eres una master!, podrías hacer un tuto de como haces que la parte completa de arriba de tu blog sea el banner y la de abajo el fondo normal del blog? Saludos n.n

    ResponderEliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com