Personalizar la caja de comentarios de blogger añadiendole un fondo

Hasta no hace mucho hacer cambios en la caja de comentarios de blogger era inposible,debido al nuevo sistema de comentarios anidados que añadio blogger pero indagando un poco vi la forma de personalizar lo que es la caja de comentario añadiendole un fondo para cambiar el aspecto.



Entonces para darle este toque personal solo hay que seguir unos pocos pasos recuerden siempre guardar una copia de seguridad de su plantilla para eso nos dirigimos a plantilla >>> Edicion de html >>> Continuar >>> marcan   Expandir plantillas de artilugios Y buscamos.

]]></b:skin>
Una ves encontrado pegamos el siguiente codigo justo encima :

<!--fondo de la caja de comentario-->
#tube-trucos-form iframe{
background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifIWdKBnYiLdz7Y6cMoDRDA5wDF5XXK05wkbUs81n4XSlG0zWu5S8hpA4nPJN20slXOBINjw8nCenyEfUrsNJjRxeNpwrLrkdKBAaQwbj79-ECL9wJ5sDdP0G4TeosNhptt46P4m-KLP0/s1600/fondos-graciosos-pc.jpg) repeat;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#000000;
width:560px; height:213px !important;
}
#tube-trucos-form iframe{
background:#000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifIWdKBnYiLdz7Y6cMoDRDA5wDF5XXK05wkbUs81n4XSlG0zWu5S8hpA4nPJN20slXOBINjw8nCenyEfUrsNJjRxeNpwrLrkdKBAaQwbj79-ECL9wJ5sDdP0G4TeosNhptt46P4m-KLP0/s1600/fondos-graciosos-pc.jpg) repeat;
border:2px dotted #F35C1B;
<!--fin fondo de la caja de comentario-->

Lo que esta marcado en rojo lo cambian por su url ,por la imagen de sus gusto.

Recuerden que para una busqueda mas rapida usen Ctrl+F
Ahora buscan

<div class='comment-form'>

Y lo sustituyen por el siguiente:

 <div id='tube-trucos-form'>
Una ves hecho los pasos correspondientes guardan la plantilla y van a una entrada para ver como les quedo el fondo en la caja de comentarios.






Votar esta anotación en Bitácoras.com
Compartir esta entrada :



data:newerPageTitle data:olderPageTitle data:homeMsg
:) :( ;) :D ;;-) :-/ :-O X( B-) #:-S :(( :)) =)) ~X( :-t 8- =P~ #-o =D7 :-SS :-q :-bd

7 comentarios:

  1. Muy buen tema, ya me estaba pregundanto cómo cambiar, el estilo de blogger es bueno, pero yo preferiría el mio.

    ResponderEliminar
    Respuestas
    1. Hola fernanda,gracias por tu visita y comentario .saludos

      Eliminar
  2. Hola Jorge me gustaría que me indicaras como poner un sistema de comentarios y respuestas como el tuyo. Un saludo

    ResponderEliminar
    Respuestas
    1. Hola Anónimo ,todo se trata del nuevo sistema de comentario de blogger en la siguiente url podras encontrar mas informacion.

      www.tubetrucos.com/2012/01/anularrecuperar-el-nuevo-sistema-de.html

      Eliminar
  3. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  4. Como aumento el tamaño de letra de los comentarios?

    ResponderEliminar