Como Personalizar los Comentarios en Tu blog!?-Personalización De Blogs:'3

Holaa! Bueno hoy estamos en otro Tuto de "Personalización de blogs" Pues en este canal veremos muchas cosas sobre esto ya que me parece mejor este tema a cualquiera... Si quieres que haga un tuto en especifico asmelo saber mas abajito♥. Bueno como pueden leer en el titulo mas arribita hoy les enseñare a ¿Como Personalizar Los comentarios en tu blog? Bueno... ¡Comencemos!:'3

>♥Personaliza los Comentarios♥<
Bueno esto es para poner mas kawaii los comentarios que se suban a tu Blog, Esto le da un toque Muy Cute en verdad el resultado se ve muy bonito c: .

>♥Pasos♥<
 Ok, lo primnero que vamos a hacer esirnos a 
www.Blogger.com
hay vamos a pinchar lo siguiente...
Plantilla Depues Editar HTML
Les abrira lo siguiente...
 
Ok, ahora van a pinchar dentro de el cuadro De codigo HTML y van hacer Ctr + F, Hay les abrira como una especie de buscador dentro del cuadro...

Hay le van a Buscar:
]]></b:skin>
Ok, les aparecera surallado de color amarillo.

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

Ok, la parte que esta en naranja es TOTALMENTE editable... simplemente visita el siguiente link:

http://www.w3schools.com/colors/colors_picker.asp 

Hay Te estara apareciendo la siguiente Pestaña:

Hay puedes transformar los colores en codigos hay solo tienes que copiar el codigo que este a lado del color que hallas elegido:'3

& ya!. Si dijan el codigo como esta mas ariba les aparecera asi:

>♥Despedida♥<

Bueno espero que halla servido y ¡te halla gustado Muchoo! si te gusto asmelo saver siguiendome aqui en mi blog :'3. No dude en comentar! hay me puedes decir lo que quieras♥. Recuerda que tengo redes sociles Mas arriba te las estare dejando x'3

Bueno Me despido diciendo...

>♥-¡Bai!-♥<

>♥By: Milu x'3