Cambiar el color a los botones INPUT

14 de agosto de 2009 112 comentarios ,
Aunque esto la mayoría lo sabe hacer, aun me siguen preguntando seguido cómo hacer para cambiar el color de los botones de algunos gadgets, por ejemplo el botón de Buscar, el de Suscribir, etc.
El código común de un botón es como este:
<input value="Buscar" name="button" type="submit"/>

Lo único que hay que hacer es agregarle un estilo para que tenga un color de fondo:
<input style="background-color: #FF9900" value="Buscar" name="button" type="submit"/>

También puedes modificar el color de la letra, para ello agregamos el estilo "color":
<input style="color: #FF0000" value="Buscar" name="button" type="submit"/>

O bien, puedes cambiar ambos:
<input style="color: #003366; background-color: #99CCFF" value="Buscar" name="button" type="submit"/>

O si lo prefieres, puedes usar una imagen de fondo:
<input style="color: #ffffff; background: url('URL de la imagen')" value="Buscar" name="button" type="submit">

Puedes también ponerle un borde al botón del grueso y el color que quieras:
<input style="border: #000 1px solid; background-color: #FF99FF" value="Buscar" name="button" type="submit">


Como ves, puedes hacer muchas variaciones para decorar tus botones, sólo es cuestión de que eches a andar tu creatividad y dejarás de tener los típicos botones grises.
Recuerda que donde dice value="Buscar" es el texto que aparece en el botón, también puedes jugar un poco con él y cambiar ese texto por otro.


112 comentarios en:

" Cambiar el color a los botones INPUT "

  1. hola!!!! ya he creado mi blog te queria preguntar si no lo podias poner en ''blogs de ayuda''gracias.

    ResponderEliminar
  2. Hola Ivan,

    Cuando tengas más tiempo con el blog y tengas más posts con gusto lo agrego.

    Saludos.

    ResponderEliminar
  3. Tomando apuntes... tomando apuntes...

    Vamos a ver si con lo que nos enseñas en tu blog, mas lo que dice el libro, logro aprender algo. Si tu tienes algún otro material del que pueda aprender... te voy a estar eternamente agradecido.

    Un abrazo!!!!

    ResponderEliminar
  4. Jajaja, ya descansa un poco del estudio, entre tanta lectura y las radiaciones de tus explosivos vas a quedarte sin neuronas, jajaja.

    Un abrazo.

    ResponderEliminar
  5. Jajajaajajjaaj.... tienes razón!! mejor me voy a dar una vuelta por ahí, a despejar un poco las únicas neuronas que sobrevivieron a la radiación. jeje.

    Un abrazo!!!

    ResponderEliminar
  6. Hola.
    ¿Podrias poner mi blog en alguna lista de blogs?
    Ultimamente tengo muchas visitas, pero no muchos dejan comentarios.

    Saludos

    ResponderEliminar
  7. Hola.
    Me gustaron estos detalles para personalizar el buscador interno del blog... voy a hacerlo.
    Saludos

    ResponderEliminar
  8. Hola el venado,

    Con agregarte a alguna lista la gente no va a comentar más o comentará menos. Eso es normal, menos del 10% de la gente que visita un blog deja un comentario.
    Lo que puedes hacer es poner algunos gadgets de "Últimos comentarios" o "Top de comentaristas" algunos logran con estos gadgets que la gente comente más.

    Saludos.

    ResponderEliminar
  9. Hola Jorge,

    Seguro quedará mejor el buscador con estos detalles =)
    Saludos.

    ResponderEliminar
  10. Holaa!
    Me han gustado estos trucos y ya los he puesto en mi subscripcion
    muy bien,
    Aora mi duda,
    ¿como puedo dar una función a un boton?
    es decir: si vas a mi blog, en las sidebar, al final de todo esta la subscripción y lo del seguimiento(sacado de ciudad blogger XD)
    entonces me gustaria poner un boton en vez de la frase:"Haz clic para seguir este blog"

    Se poner el boton, pero no se hacer para que cuando pinches sobre el salga la pagina de seguir

    http://djnestornules.blogspot.com

    No se si me habre explicado bien pero...
    Espero tu respuesta!

    ResponderEliminar
  11. Hola Dj Nestor,

    Usa este código para poner el enlace en el botón:

    <form action="URL del enlace"><input value="Seguir este blog" type="submit"/></form>

    Saludos.

    ResponderEliminar
  12. Muchas Gracias!!
    ya esta puestoo

    GRAX!!

    ResponderEliminar
  13. Buenoo!
    Aora me ha surgido otro problema, cuando le doi al boton de seguir me da el problema:
    bX-g161gh

    No se si sera por que es mi blog o no se

    Blog: http://djnestornules.blogspot.com
    Problema: http://img407.yfrog.com/img407/3473/problemag.png

    GrAcIaaSss!!

    ResponderEliminar
  14. Es un error de Blogger. Notifica este error en el foro de ayuda de Blogger para que algún empleado de Google te dé indicaciones.
    http://www.google.com/support/forum/p/blogger?hl=es

    Saludos.

    ResponderEliminar
  15. JO
    Aora otro problema :(
    Me ha salido un problema diferente:(
    bX-cxmeen
    :(:(:(:(:(:(
    Si supieras como arreglarlo...
    Por si acaso lo pondre en el foro de ayuda pero aun no me han respondido al 1º problema, asi que no estoi mui seguro

    ResponderEliminar
  16. Lamentablemente todos esos errores son de Blogger y sólo en el foro podrían decirte qué sucede. Aunque seguro te recomendarán que elimines las cookies y el cache de tu navegador.
    Saludos.

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

    ResponderEliminar
  18. No es necesario que mandes tu plantilla, sólo entra en Diseño > Edición de HTML y busca esta línea:

    input id='search-submit' type='submit' value='Search'

    Cambia lo que está en negrita por Buscar.
    Saludos.

    ResponderEliminar
  19. DISCULPAME POR MANDAR MI PAGINA SOLO QUERIA QUE VEAS EL BUSCADOR YA ILIMINE MI COMENTARIO Y OTRA CONSULTA SI FUERAS TAN AMABLE ME DIRIAS COMO CAMBIO EL COLOR DE LA LETRA Y EL COLOR DEL BORDE DONDE DISE (Buscar) DE MI PLANTILLA? Gracias y DISCULPA POR MENSIONAR MI PAGINA NO LO VOLVERE ASER

    SALUDOS 100% CIUDADBLOGGER ^^

    ResponderEliminar
  20. No, no, yo no decía que no pongas tu página, sino que no era necesario ver el archivo de la plantilla.
    La página está bien, de hecho siempre es preferible que dejen la URL de su página para saber cuál es el problema ;)

    Busca en tu plantilla esta parte:

    #search-submit {
    height: 21px;
    margin-left: 12px;
    color: #39561D;

    Donde dice color es el color del texto, y para agregarle un borde pon debajo esto:
    border: 1px solid #000;

    En donde dice #000 puedes cambiar el color que quieras.

    Saludos!

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

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

    ResponderEliminar
  23. HOLA CREO Q TE CONFUNDISTE DE LUGAR O MI PLANTILLA DE MI BLOG ESTA DESORDENADO XD PERO BUENO LO COLOQUE EN AQUI Y ME FUNCIONO :

    #search input {
    float: left;
    font: 12px Georgia, "Times New Roman", Times, serif;
    border: none;
    border: 1px solid #FFFF00;

    SALUDOS !

    100% CIUDADBLOGGER ^^

    ResponderEliminar
  24. Tienes toda la razón, no noté que en tus estilos tenías #search input
    Mil disculpas, hoy no sé dónde tengo la cabeza :S

    Saludos.

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

    ResponderEliminar
  26. Hola PeruanoTeve,

    Si quieres eliminar el buscador entra en Diseño > Edición de HTML, busca este código y elimínalo:

    <!-- Search -->
    <div id='search'>
    <form action='/search' method='get'>
    <fieldset>
    <input id='search-text' name='q' size='15' type='text'/>
    <input id='search-submit' type='submit' value='Buscar'/>
    </fieldset>
    </form>
    </div>
    <!-- /Search -->

    Saludos.

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

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

    ResponderEliminar
  29. Potro quiero saber como centrar mi Titulo y que quede bien con bordes y todo... gracias

    ResponderEliminar
  30. hola bueno aqui te dejo mi blog de pruebas! aver si lo entiendes mira la cabecera esta hacia la izquierda! lo reemplaze en vez del titulo! lo que quiero es saber como centrarlo o si agrandar más la imagen ancho, etc! quisiera saber que tamaño debe ser mi cabecera para que encaje bien dependiendo del ancho de mi pantilla! gracias

    ResponderEliminar
  31. aqui esta el link :

    http://arquitecturadocumentos.blogspot.com/

    ResponderEliminar
  32. Si subes la imagen de la cabecera desde Elementos de la página va a ser todo un lío, pues el espacio determinado para tu cabecera es muy reducido por lo cual se encimará la imagen al menú, y otros posibles elementos.
    Lo recomendable es que busques en tu plantilla esta línea:

    #header {

    Y debajo de ella pegues esto:

    background:url(URL de la imagen)center no-repeat;

    Con eso la cabecera estará centrada de fondo y no interferirá con los demás elementos del blog.

    Saludos.

    ResponderEliminar
  33. Hola!! que tal, me agradó sobre manera éste post!! solo tengo una duda... cómo puedo hacer para que ésto mismo pase con los links que tengo, por ejemplo, cuando paso el puntero en una etqueta, me gustaría cambiar la apariencia de esa mini ventana! muchísimas gracias!!

    ResponderEliminar
  34. Hola Eloy Monter,

    Para personalizar los enlaces, cambiarles el color, color de fondo, etc. visita esta entrada.

    ¡Saludos!

    ResponderEliminar
  35. Hola otra vez!! ya habia checado ese link, incluso ya lo llevé a la práctica! pero... mi duda es otra... he notado que cuando tenemos un botón o un link en blogger aparece siempre el título del enlace con un fondo igual al de los botones que nos enseñaste a modificar en este post!

    por ejemplo si creo un botón en un menú con listas, y a cada botón le pongo un nombre, por ejemplo ( title="Principal" ) cuando ponga el puntero sobre el enlace aparece el nombre que pusimos en "title" con ese mismo fondo, mi duda, es cómo modificar ese fondo ??

    espero puedas ayudarme! gracias por la atención paracon tus seguidores! ^^

    ResponderEliminar
  36. Hola de nuevo Eloy,

    Creo que ya te he entendido ¿te refieres al título del enlace que aparece al poner el cursor sobre él?

    Por defecto esos títulos (tooltips) tienen un color de fondo como arena, según el navegador, pero hay diferentes formas de personalizarlo.
    Yo no tengo un post que hable sobre ello pero te dejo un enlace que explica cómo hacerlo:
    http://vagabundia.blogspot.com/2006/11/tooltips-usando-css.html

    ¡Saludos!

    ResponderEliminar
  37. Muchas, Muchas gracias!! si, eso es lo que buscaba!!
    nuevamente, gracias por la atención!!!

    saludos!!

    ResponderEliminar
  38. Hola potro! deseo que me ayudes que problema tengo en la cabecera de mi blog, bueno lo dividi en dos partes de acuerdo a unos pasos que segui! pero por ejemplo deseo poner al costado del titulo un buscador y aparece de la sigte forma de agranda o se disrtociona, échale un vistazo! gracias

    ResponderEliminar
  39. Quizá el gadget del buscador está muy grande o quizá faltó limpiar los estilos de la cabecera.
    Intenta poner otro gadget, si sucede lo mismo pregunta donde viste cómo dividir la cabecera qué estaría pasando, quizá sólo sea un pequeño detalle.

    ResponderEliminar
  40. Potro si siogue igual con otro gadget, bueno lo vi aqui : http://elescaparatederosa.blogspot.com/2008/11/dividir-la-cabecera-del-blog.html

    ResponderEliminar
  41. Potro!! parece que ya lo arregle tenia que eliminar unos bordes! bueno pero ahora como lo centro osea el buscador esta muy arriba, noc si me dejaré entender!

    ResponderEliminar
  42. ah otra cosa noc por que mi barra de menú se movio o se centro el HOME - about .etc

    ResponderEliminar
  43. Mira aquí cómo alinear gadgets.
    Si el menú se movió sí debe ser por lo que te decía que había que limpiar los estilos o quizá hayas excedido en el tamaño al dividir la cabecera.

    ResponderEliminar
  44. Hola Potro , me gustaria saber si es posible que el botón al clikarlo cambie de color , tanto el fondo , como el texto , si es asi me dirias como hacerlo? gracias.

    ResponderEliminar
  45. Usa este código para tu botón:

    <input onMouseOver="this.style.background= '#FF0000'; this.style.color= '#FFFFFF';" onMouseOut="this.style.background= '#FF99FF'; this.style.color= '#000000';" style="border: #000 1px solid; background-color:#FF99FF;" value="Buscar" name="button" type="submit">

    El primer código hexadecimal (el color) es el color de fondo al pasar el cursor, el segundo es el color del texto al pasar el cursor.
    El tercero es el color de fondo en forma normal, el cuarto el color del texto en forma normal.
    El quinto y sexto debe ser igual al tercero y cuarto respectivamente.

    ResponderEliminar
  46. Hola, yo queria saber como hacer para cuando apretar en un boton me salga la pagina que yo quiero, es decir poner lo qe quiero yo en esa pagina, por ejemplo, yo quiero poner para qe me manden fotos en el blog, pero nose como hacer para qe al apretar la foto donde dice envianos tu foto salga para completar con el nombre, y qe diga examinar y eso, nose si me expliqe, LO QE YO QUIERO SABER BIEN ES COMO HACER PARA QE AL APRETAR UNA FOTO SALGA LA PAGINA QE YO QUIERO

    graacias (: ojala qe contestes (:

    ResponderEliminar
  47. OTRA VES YO JAJA, VISTE COMO VOS TENES AL COSATADO ES BICHITO QE TIENE UNA CARITA Y ESO, QE LO APRETAS Y TE SALE UNA PAGINA, ESO ES LO QE YO QUIERO HACER, GRAACIAS (:

    ResponderEliminar
  48. Pues no he entendido lo que quieres, primero mencionas que quieres un botón para enviar fotos con el nombre y ciertos espacios, y por otro lado dices que quieres que al apretar una imagen te abra una página.
    Bueno, lo primero sólo es posible usando un servicio externo como EmailmeForm.

    Lo segundo es usando un código básico:
    <a href="URL del enlace que quieres que abra"><img src="URL de la imagen" /></a>

    ResponderEliminar
  49. Lo qe yo quiero es qe al apretar una imagen me salga la pagina qe yo quiero, y para completar con el nombre y eso y qe la gente lo puede enviar, eso es lo qe quiero, graaciias

    ResponderEliminar
  50. Ya hice lo qe me pusiste, y me salio lo qe pasa esqe nose como hacer para qe al apretar me salga una pagina, no la pagina principal, otra, nose si me explico

    ResponderEliminar
  51. Como te dije, sólo pon la URL que quieres donde se indica en el código y listo.

    ResponderEliminar
  52. HOLA POTRO ESPERO Q ME AYUDES QUISIERA QUE EN MI BLOG DE MUSICA GRATIS ONLINE : CUANDO LE DEN CLICK EN MI BUSCADOR Q DISE (Buscar Cantante...) AUTOMATICAMENTE SE BORREN LAS LETRAS PARA ESCRIBIR EL CANTANTE.

    GRACIAS :D

    ResponderEliminar
  53. Usa este código, sólo que no tendrá botón, tendrán que darle ENTER para hacer la búsqueda:

    <form action='/search' id='search' method='get' name='searchForm' style='display:inline;'>
    <input id='search-box' name='q' onblur='if (this.value == &quot;&quot;) this.value = &quot;Buscar cantante...&quot;;' onfocus='if (this.value == &quot;Buscar cantante...&quot;) this.value = &quot;&quot;;' size='28' type='text' value='Buscar cantante...'/>
    </form>

    ResponderEliminar
  54. QUE TAL POTRO
    OTRA VEZ AQUI MOLESTANDOTE
    LOS BOTONES ESTAN BUENOS ,,OYE COMO LE PUEDO HACER PARA
    QUE EN LA ENTRADA AL HACER CLIC EN UN BOTON REDIRIJA HACIA UNA PAGINA EXTERNA. ¿DONDE DEBO INSERTAR EL LINK?
    POR EJEMPLO QUE EL BOTON DIGA:

    (VER VIDEO) Y HACERLE CLICK ME LLEVE A YOU TUBE

    ResponderEliminar
  55. Mira el comentario #11, sólo cambia la URL del enlace y el texto que dice 'Seguir este blog'

    ResponderEliminar
  56. hola estoy en algo impotante y quisiera saber como poner el boton hacia la izquierda

    ResponderEliminar
  57. Sólo agrega dentro del código del botón esto:
    style="float: left;"

    Con left se alinea a la izquierda y con right a la derecha.

    ResponderEliminar
  58. Hola: he tratado de poner en mi blog varios botones seguidos para enlazar diferentes sitios, pero no logro hacer que me queden del mismo tamaño ya que me varian de acuerdo a la longitud del nombre que le doy a cada uno.
    Como puedo solucionar esto?.
    Me refiero al boton del primer ejemplo.
    Desde ya gracias.

    ResponderEliminar
  59. Hola FSI-Tandil,

    Sólo hay que agregar el estilo que especifique el ancho, de esta forma:

    <input value="Buscar" style="width:100px;" name="button" type="submit"/>

    ResponderEliminar
  60. no tendras un codigo donde el boton esta normal y al apletarlo cambia de color diferente por cada boton

    ResponderEliminar
  61. Puedes hacer que el botón cambie de color al pasar el cursor, pero que cambie al apretarlo lo desconozco.

    ResponderEliminar
  62. Queria preguntarte como podria cambiarle los botones que trae blogger HOME- POSTS RSS- COMENTS RSS
    quisiera ponerle otros botones y desaparecer estos botones me ayudas como hacerle, por favor

    ResponderEliminar
  63. Hola COMPUGRAFIT,

    Esos enlaces son propias de la plantilla mas que de Blogger.
    Sólo entra en Diseño > Edición de HTML y busca esos textos, una vez localizados cámbialos por lo que quieras.

    Saludos.

    ResponderEliminar
  64. Hola Potro:
    Incluí en mi blog un botón para ir al formulario de contacto de CONTACTIFY pero con Chrome, Safari y Opera al presionar el botón se agrega detrás de la URL el signo ? lo cual impide abrir dicho formulario.
    Con IE y Mozilla funciona perfecto, ¿que puedo hacer?.
    Desde ya gracias.

    ResponderEliminar
  65. Hola ChfTandil,

    No conozco ese servicio, pero el problema debe estar en el código del formulario, pues cualquier otro formulario como el de EmailMeForm trabaja bien en todos los navegadores. ¿Has probado con algún otro formulario para corroborar lo anterior?

    ResponderEliminar
  66. Hola Potro:
    Gracias por tu sugerencia, yo ni sabía que existían otros servicios gratuitos, el que tu me recomendaste incluso es a mi gusto mucho mejor.
    De nuevo gracias y que tengas una feliz Navidad.

    ResponderEliminar
  67. Por nada ChfTandil y feliz Navidad :)

    ResponderEliminar
  68. Hola potro, me preguntaba si se podían cambiar los botones para publicar comentarios(Publicar, vista previa) los estuve buscando en la plantilla pero no los encontré.

    ResponderEliminar
    Respuestas
    1. Hola Dante,
      No se pueden modificar porque son parte de un iframe, como es un iframe no tenemos acceso a la edición de esos elementos.
      Saludos.

      Eliminar
  69. Potro lo puede aplicar a una personalizacion de la caja de subscripcion, lo que no he podido lograr es modificarle el borde a la caja donde se agrega el mail y ponerle un texto "ingrese su correo" que desaparezca al poner el cursor.
    Este es el blog http://goo.gl/5aAS9
    Saludos y muchas gracias potro.

    ResponderEliminar
    Respuestas
    1. Sería así Martin:
      <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=dimensionmoviles', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
      <input class="rssbox" name="email" onfocus="if(this.value=='Ingresa tu correo...')this.value=''" style="height: 20px; margin-left: 34px; margin-top: 0px; width: 135px;" type="text/" value="Ingresa tu correo..." />
      <input name="uri" type="hidden" value="dimensionmoviles" /><input name="loc" type="hidden" value="es_ES" /><input style="border: #EFEFEF 4px solid; style="color: #ff0000" background-color: #EFEFEF, color: #444444; height:30" value="SUBSCRIBIR" name="button" type="submit" /></form>

      Eliminar
  70. mil gracias potro quedo perfecto, tengo un probelma de que en "elementos de pagina" no me aparece la sidebar para poner gadgets, y si esta delimitada en el html, como lo podria solucionar?
    un saludo

    ResponderEliminar
    Respuestas
    1. No lo sé, podría ser un problema con la plantilla, o con el navegador, a mí me sucede con Chrome que casi nunca veo los elementos del blog.

      Eliminar
  71. Potro:
    En mi blog tecnicadental.net tengo una caja de busqueda para dentro del blog (del lado izquierdo) y un gadget para la suscripción por e-mail (del derecho del blog).
    El problema es que el botón del gadget de suscripción por e-mail es diferente al de la caja de busqueda y me gustaría que sea igual a este.
    ¿Cómo lo puedo cambiar?
    Un abrazo y gracias como siempre!

    ResponderEliminar
  72. ahhh otra preguntas!! (que paciencia lo tuyo Potro!! ya te ganaste el cielo! jajaja)

    ¿Cómo puedo cambiar el color de las entradas en el archivo y las etiquetas solamente de la barra lateral izquierda (tecnicadental.net) sin cambiar los otros colores relacionados?
    Graciassss!!!

    ResponderEliminar
    Respuestas
    1. Hola Ricardo, ¿el buscador es del gadget de Blogger? Si es así el botón lo puedes cambiar así:
      input.gsc-search-button {
      color: #000;
      background: #ccc;
      border: 1px solid #000;
      }


      Lo otro lo puedes cambiar así:
      #BlogArchive1 a, Label1 a {
      color:#000;
      }


      Saludos.

      Eliminar
  73. Potro! no encuentro ninguna de las dos cosas!! Tirame una ayudita mas!!! un abrazo!!

    ResponderEliminar
    Respuestas
    1. Ninguna de las dos las encontrarás, es porque tienes que agregarlas en los estilos, es decir, antes de ]]></b:skin>
      Perdón por no haberlo aclarado.
      Saludos.

      Eliminar
  74. Gracias Potro! Pero lo hice y no cambio el boton del buscador de google.
    Otra vez será! una abrazo!

    ResponderEliminar
    Respuestas
    1. No veo puestos los códigos pero no está de más que mires esta entrada:
      http://ciudadblogger.com/2011/07/errores-comunes-al-poner-los-codigos.html

      Eliminar
  75. Hola, muy bueno el post. Tengo una duda no muy relacionada con estos botones, pero en un blog mío e intentado editar el enlace "Respuestas" pero simplemente no encuentro su "class" busque un "id" Pero cuando lo edite no se veía la mitad de el enlace. Te agradecería que me dirás su clase (class) o identificador (id).

    ResponderEliminar
  76. Esto es interesantísimo, pero si quiero usar varios códigos no sé en qué orden ponerlos y si cambio una cosa no puedo acomodar la otra... Si miras mi blog, vas a ver que reemplacé las etiquetas por botones, pero quiero cambiarles el color de fondo, de letra y hacerlos todos del mismo tamaño... Me resulta imposible!! Me ayudas?

    http://museolibrogardel.blogspot.com.ar/

    ResponderEliminar
    Respuestas
    1. Hola Ana Turón, ¿por qué te resulta imposible? ¿qué problema te da con exactitud?
      Si le aplicarás el mismo estilo a todos los botones entonces una forma práctica es crear una clase, por ejemplo:
      .botones {
      background:#000;
      color:#fff;
      width:150px;
      }

      Y luego dentro del código del botón le pondrías esa clase:
      <input class="botones" value="Buscar" name="button" type="submit"/>

      Eliminar
    2. Hola Potro, he visto en el blog de Ana Turón un gadget o widget (perdona mi ignorancia) que al abrir su blog http://museolibrogardel.blogspot.com.ar/ aparece automáticamente un fanbox de facebook en primer plano con opción de cierre para que el usuario siga su pagina. Me gustaría aplicarlo a mi blog pero no he encontrado nada parecido y seguramente en algún tip lo aclares. Podrías orientarme?

      Eliminar
    3. No tengo alguna entrada sobre ello, lo más cercano que he publicado es esto pero no sé si funcione para el fanbox:
      http://www.ciudadblogger.com/2011/05/abrir-ventana-al-cargar-el-blog-con.html

      Eliminar
  77. No hay caso... Abro un gadget, voy a html, copio el código

    .botones {
    background:#000;
    color:#fff;
    width:150px;
    }

    y cuando lo publico aparece ese código, no el botón...

    Con el otro código no tengo problemas en el sentido de que al publicarlo sale un botón, sí, pero no logro modificarle colores ni tamaño.

    ResponderEliminar
    Respuestas
    1. Disculpa no haber sido claro. Ese código es un estilo, todos los estilos van antes de ]]></b:skin> ahí es donde tienes que ponerlo.

      Eliminar
  78. Hice todos los deberes. Los botones nuevos tendrán ese color de fondo, etc, pero no puedo modificar los ya existentes...

    ResponderEliminar
    Respuestas
    1. Si a los anteriores los modificaste directo en el código del botón entonces desde ahí tendrás que cambiarlos, o eliminarlos y ponerlos nuevamente.

      Eliminar
  79. Hola potro mi pregunta es como puedo modificar mis botones del blogger por defecto? es que quiero quitar los que ya vienen cambiarlos por otro se puede hacer si es asi explicamelo te lo agradeceria muchisimas gracias

    ResponderEliminar
    Respuestas
    1. Hola kecomagico gaditano, esos botones no tienen muchas opciones, si no te gustan puedes quitarlos desde Diseño > Entradas del blog. Y en su lugar poner otros, quizá algunos de ShareThis, AddThis, etc.

      Eliminar
  80. Gracias por la información, me fue de bastante ayudo.

    ResponderEliminar
  81. Hola Protro, Esta Genial, Una Pregunta, No Tienes El Codigo De Ese Menu Que Pones Abajo De tus Entradas
    del
    Mas Trucos Compartelo


    Donate
    NO Se Si Me Entiendes xD

    ResponderEliminar
    Respuestas
    1. Hola, esa es una tabla HTML, dentro he puesto las entradas relacionadas y el código de los botones de las redes sociales.

      Eliminar
  82. Genial idea!! Ahora puedo poner información en mi blog, que en principio no quiero que se vez, pero que hay gente que le gusta verlo :D

    ¿Una pregunta, es posible modificar el tipo de letra del texto dentro del desplegable?

    Muchas gracias!! :D

    ResponderEliminar
    Respuestas
    1. No he comprendido Lluis, no sé si te refieres a otra entrada o.O

      Eliminar
  83. muy bueno los codigos, también me ase conocer el css

    ResponderEliminar
  84. disculpen necesito q me ayuden por favor q tengo un problema, hice un formulario de registro intento conectarlo con mi base de dato y no puedo me sale una seri d errores, xfavor necesito a alguien q m ayude

    gracias de antisipo..

    ResponderEliminar
  85. disculpen amigos necesito una ayuda, hice un formulario para mi base de dato y mi problema es q no puedo conectarla a mi base de datos xq m da una serie de errores y no me registra ningun usuario de prueba pienso q tal vez m hace falta algo x favor ayudenme a solucionarlo y q pueda conectarla a la base de dato

    gracias de antisipo...

    ResponderEliminar
    Respuestas
    1. Siento no saber cómo ayudarte emiro, los únicos formularios que he creado son formularios gratuitos de servicios externos. De PHP no sé nada :(

      Eliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger