Editor de HTML online

19 de mayo de 2010 113 comentarios ,
html editor
Seguramente te ha pasado que ves un gadget y lo quieres para tu blog, pero no sabes cómo se verá el gadget o si realmente funciona. Lo mismo cuando queremos probar nuevos códigos, dar formato a un texto, crear tablas, etc. suele ser cansado tener que entrar al blog, hacer pruebas, guardar, ver el blog cómo quedó, regresar a editar, volver a probar... en fin, es un procedimiento que puede ser muy agotador.

Para estos casos es muy útil usar un editor de HTML online que nos muestre cómo se ven las cosas que queremos hacer en tiempo real.
¿Para que sirve? Para escribir los códigos HTML que queremos usar y obtener la muestra inmediata del código en cuestión, así no tenemos que estar entrando al blog cientos de veces para probar algún código, simplemente lo escribirmos en el editor online y veremos los resultados inmediatos de lo que estamos haciendo.

Para hacer la prueba de ver cómo funciona entra a Real-time HTML Editor y en la parte de arriba borra las letras que hay y en su lugar pega el siguiente código:
<style type="text/css">
body {margin:0; padding:0;
font-family:Verdana, Arial, sans-serif;
font-size:small;}
#header {
padding:20px;
background:#333;
border-bottom:1px solid #fff;}
#header h1 {
padding:0; margin:0;
color:#ccc;
font-family:Verdana, serif;
font-weight:bold;
font-size:190%;}
#nav {
float:left;
width:100%;
margin:0; padding:0;
list-style:none;
background:#ccc;
border-bottom:1px solid #999;}
#nav li {
float:left; margin:0; padding:0;}
#nav a {
float:left;
display:block;
padding:6px 30px 6px 5px;
text-decoration:none;
font-weight:bold;
font-size:90%;
color:#666;
background:#ccc url(http://4.bp.blogspot.com/_qgZA1ny_dAs/S_Qq7NYdkxI/AAAAAAAAELs/hSMXOms6o6I/s400/nav_slant.gif)no-repeat top right;
}
#nav #nav-1 a {padding-left:20px;}
#nav a:hover {color:#000;}
</style>

<div id="header">
<h1>Ciudad Blogger</h1>
</div>
<ul id="nav">
<li id="nav-1"><a href="#">Inicio</a></li>
<li id="nav-2"><a href="#">Directorio</a></li>
<li id="nav-3"><a href="#">Contacto</a></li>
<li id="nav-4"><a href="#">Acerca de</a></li>
</ul>

¿Lo ves? No tuviste que entrar a Blogger para probar cómo se ve el menú, con lo cual ya te ahorraste bastante tiempo.
Lo mismo puedes hacer con cualquier otro código que quieras probar como una imagen, una tabla, o hasta el diseño de una página web completa.



113 comentarios en:

" Editor de HTML online "

  1. Vaya que buen post!
    me acabo de encontrar con tu blog y en verdad que he quedado fascinada :)
    Visita mi blog nenasays.blogspot.com
    y dame unas recomendaciones porfis, te lo agradeceria muchisimo!

    ResponderEliminar
  2. Magnífico, Potro, como siempre ;)

    ResponderEliminar
  3. Nena, bienvenida a Ciudad Blogger! Se ve que te has esforzado por mantener tu blog, sigue así ;)

    Fran Cruz, gracias por pasar :)

    ResponderEliminar
  4. Muy bueno potro
    ahorita ayudando a mi amigo Diego con su blog cambiamos la plantilla y lo estuve usando más que nada fui yo el que tuvo que hacer todo jijij

    Pues muy bueno

    ResponderEliminar
  5. Cobrale una comisión a tu amigo, jaja

    ResponderEliminar
  6. Muy bueno.
    Es cierto, eso ahorra mucho tiempo.

    Saludos.

    ResponderEliminar
  7. Que excelente. Esta este post
    Graxias Potro.

    ResponderEliminar
  8. La verdad Todos los post que se encuentran Aka estan muy buenos.

    ResponderEliminar
  9. Lo utilizo desde hace mucho tiempo ya, es imprescindible para mi desde que lo descubrí en el Blog de César.

    ResponderEliminar
  10. Está muy bueno!!
    la verdad es que ahora bastante tiempo :P

    Saludos!

    ResponderEliminar
  11. Hey potro pork borras mis comentarios si son positivos no dije nada que sea ofencibo

    ResponderEliminar
  12. El Venado, gracias por pasar :)

    José GDF, para mí igual es de uso obligado

    ResponderEliminar
  13. Jooooder ahora si, este fue el mejor post del mes gracias tronco me aveis ahorrado unos cuantos minutos

    ResponderEliminar
  14. Alberto, muchas gracias, qué bueno que los artículos son de tu agrado y mejor aun, ojalá puedan servirte de ayuda.

    Mathias, gracias por pasar :)

    ResponderEliminar
  15. Alberto, no he borrado ningún comentario, sucede que Blogger trae muchos problemas hace un par de meses y algunos comentarios tardan en aparecer unos minutos o unas horas, pero es seguro que sí aparecen ;)


    ıllıllı★Criss Mitchell★ıllıllı, seguro le sacarás mucho provecho :)

    ResponderEliminar
  16. Losiento...
    entonces.

    pero queria agradecerte tu blog esta genial.

    Me a servido mucho...

    ResponderEliminar
  17. Que tal Potro!
    ahora si te pasaste de lanza con este post, muchas gracias por compartirlo, aparte de util, es muy sencilla y rapida la pagina, otra vez gracias Potro

    Saludos
    un Abrazo

    ResponderEliminar
  18. Alberto, gracias a ti :)

    Javier Carlos, qué bueno que te ha gustado, seguro que te facilitará las cosas. Un abrazo!

    ResponderEliminar
  19. Saludos mi buen amigo, sigo disfrutando de tu blog y aprendiendo de el detalles interesantes con los cuales hacer más grata la experiencia de visita en el mio, te felicito y agradezco una vez más por tus aportes amigo.

    En relación al efecto Dock del cual te consulte me ocasionaba el error de IE Operación Anulada he decidido dejarlo, y colocar una sugerencia en el blog para utilizar Chrome o Mozilla mientras encuentro algo para solucionarlo del todo. Pero ahora te consulto un par de cosas mi buen amigo, en primer lugar, esos botones hacia los directorios que tienes en el pie de tu blog, ¿Como se hace? he estado buscando en tu blog para ver si lo tienes en alguna entrada pero no di con ello, espero me compartas el dato hermano : )
    Por otro lado, en ocasiones al abrir mi blog, y desde hace un par de días para acá, se abre automáticamente una ventana nueva del explorador con algún tipo de publicidad ¿Como puedo detectar que ocasiona esto mi buen amigo?

    De nuevo muchas gracias por todo. Un abrazo venezolano y muy buen día mi estimado.

    ResponderEliminar
  20. Hola Potro de nuevo!!!

    Sé que no tiene nada que ver con el post, pero tengo dudas sobre el "motor de búsqueda del blog". En mi blog funciona de lujo, pero en el de mi suegro no busca nada.

    He probado a esperar, a dar la URL a google, vaya, todo lo que comentáis en los post referentes a este tema en tu blog. Lo que he notado es que el código que copio, no es el mismo que el que veo después al entrar de nuevo en diseño. Le falta la línea de abajo. He probado varias veces y desaparece siempre.

    Si pudieses echarle un vistazo y comentarme algo.

    www.antoniovillafranca.blogspot.com


    Gracias como siempre
    Pat

    ResponderEliminar
  21. Suuper!! =)
    Como dirian los "Aztecas" (Mexicanos): Está de 10!!.

    Creo que con esto podré cambiarme de editor, ya que he estado usando hace bastante tiempo el Windows Live Writer (que por cierto me ha ayudado bastante).

    Alguna vez intenté usar el DreamWeaver de Adobe, pero nunca lo entendí. :P

    Gracias por el aportazo Sensei!! (jejeje)

    ResponderEliminar
  22. Interesante potro esta apicación web me servirá de algo.

    ResponderEliminar
  23. hola potro, sabes tengo problemas de nuevo con webmaster tools, esta vez me dice que tengo metaetiquetas duplicadas que puedo hacer..........

    espero que me puedas ayudar

    gracias

    ResponderEliminar
  24. Hola Nelson Diaz,

    Generalmente ese tipo de publicidad intrusiva suele ser de los gadgets de los contadores web, aunque bien puede ser de cualquier otro gadget creado por un tercero. Aunque las veces que yo he entrado a tu blog no me ha aparecido publicidad de ese tipo, quizá era un gadget que ya has de haber eliminado.

    Los botones que tengo en la parte de abajo sólo es un elemento HTML/Javascript, no es nada en especial, sólo he pegado ahí los códigos de los botones.

    Gracias por tus amables comentarios.
    Saludos.

    ResponderEliminar
  25. Hola Patgor,

    Dile que entre a Configuración > Básico y se cerciore que donde dice ¿Deseas permitir que los motores de búsqueda encuentren tu blog? esté en .
    También sería bueno probar con otro tipo de buscador como el motor de búsqueda avanzado

    Saludos.

    ResponderEliminar
  26. RodriGodoy, ten en cuenta que este editor online no publica tus entradas ni ninguna otra cosa, es sólo a modo de experimentar y probar los códigos antes de usarlos en el blog, ya una vez que has probado los códigos online ya puedes recurrir a tu editor de entradas que normalmente usas ;)

    JORGE, seguro que así será :)

    zona lerh, si te dice que tienes metaetiquetas duplicadas es porque es así, revisa las metaetiquetas que están debajo de <head> y elimina las duplicadas.

    Brujo5, gracias a ti por tu visita.

    ResponderEliminar
  27. Hola Potro:
    Excelente dato.
    Como todos "estamos en la misma", sabemos apreciar el tiempo y los dolores de cabeza ya no estarán latentes (por lo menos tan seguidos).

    Que buen posteo master.
    Será de mucha ayuda.
    Gracias.
    Jpz.-

    ResponderEliminar
  28. Hola Jpz,

    Coincido contigo, a veces el tiempo que tenemos para practicar con los códigos es muy limitado así que entre más rápido podamos hacerlo mucho mejor.

    Saludos.

    ResponderEliminar
  29. gracias potro: paso por que le agrege meta-tags y por eso me decia que tenia "meta-descripciones duplicadas"



    http://ciudadblogger.com/2009/05/agregar-meta-tags-en-blogger.html


    gracias de todos modos

    ResponderEliminar
  30. Las metatagas de mi entrada no están duplicadas, pero tú ya tenías algunas o después agregaste otras, es por eso que se duplicaron.

    ResponderEliminar
  31. Gracias Potro como siempre!!!! Pruebo y te cuento
    saludos majo

    ResponderEliminar
  32. Acabo de probar y no encuentro lo de "Configuración > Básico" al entrar a mis motores de busqueda

    El link de motor de busqueda avaanzado me lleva al tipo de motor que ya tengo (el post que lei del cual saque todo)

    Ya me diras

    un saludo y gracias por todo

    ResponderEliminar
  33. Ya está POTRO MIL MIL MIL GRACIAS POR TODO!!!!

    SALUDOS

    ResponderEliminar
  34. Wow!!! excelente!! wl que yo usaba para CSS era (dentro de todo) bueno, pero no me gustaba para HTML. Este está geniál!! Gracias por compartirlo.

    Un abrazo!!!

    ResponderEliminar
  35. Gracia por tan inmejorable aportación.

    ResponderEliminar
  36. si ya cambie la plantilla espero que esa sea la solucion ya que ayer tenia 24 y aumento a 27 las paginas con meta tags
    y con las instrucciones que tiene en tu entrada de meta tag lo haré de nuevo

    ahhh y visitame y dame tu critica por favor


    gracias potro en eres enorme

    ResponderEliminar
  37. Patgor, qué bueno que ya está todo funcionando.

    brother, es muy bueno, sobre todo porque no hay que presionar ningún botón para ver los resultados, todo es al instante.

    Marta, gracias a ti por tu visita.

    zona lerh, no creo que haya sido necesario cambiar de plantilla, pero aun así toma en cuenta que tienes que esperar un poco a que los robots indexen de nuevo tus páginas y tomen los nuevos datos de las metatags.

    ResponderEliminar
  38. Hola Potro, haber si me puedes decir como puedo quitar un espacio para anuncios que hay en la plantilla del blog evolucionburgos.blogspot.com. Gracias

    ResponderEliminar
  39. hola potroo...!!! mira tengo un problema con mi blog... y es que si pongo en el buscador de mi blog "noticia" el buscador solo me encuetra 2... cuando yo tengo 4 o 5... por que puede ser?

    prueba a poner "noticia" en el buscador de mi blog,veras como solo aparecen 2...

    http://kingdomheartszone.blogspot.com

    si no me entiendes bien...podemos hablarlo por msn...
    un saludo =/

    ResponderEliminar
  40. HolaBlogs de Christian, GCC., supongo que te refieres a los banners de la sidebar, si es así busca y elimina desde la etiqueta <div class='ads'> hasta el próximo </div>

    Troyanonano, esos buscadores no son muy efectivos, usa en su lugar un buscador avanzado

    ResponderEliminar
  41. Tremendo blog potro, de visita obligada para tener nuestros sitios armaditos de la mejor manera posible y con herramientas más que útiles!

    Gracias por todo tu trabajo, nos seguimos viendo por los posts.

    ResponderEliminar
  42. Muchas gracias por tu comentario Juanopio, todo lo que hay en el blog está a tu disposición, así que no dudes en tomarlo y preguntar si tienes alguna duda ;)

    ResponderEliminar
  43. Potroo...!! lo del buscador...bien me parece buena idea... pero no sé como deshacerme del buscador que ya tengo =S
    me podrias ayudar? T.T

    ResponderEliminar
  44. Busca este código (o lo más parecido que veas) y elimínalo:

    <form action='http://kingdomheartszone.blogspot.com/search/' class='searchform' id='search' method='get'>
    <input class='textbox' name='q' type='text'/>
    <input class='button' name='search' type='submit' value='Buscar'/>
    </form>

    ResponderEliminar
  45. el código que me acabas de decir que borre para que me desaparezca el actual,si lo reemplazo por el del nuevo buscador me da error T__T por que es?

    espero que me entiendas...

    ResponderEliminar
  46. No sé qué error te marque, seguramente has eliminado algo de más o en el nuevo código has puesto algo de menos.

    ResponderEliminar
  47. he borrado exactamente lo que me has dicho =/
    bueno,lo puse en previsualizar asique lo tengo todabía...

    ninguna solucion? =(

    ResponderEliminar
  48. Elimínalo como te dije y guarda los cambios, si te marca un error dime cuál es.

    ResponderEliminar
  49. Si borro el buscador sin reemplazar no me da ningun error =/

    pero como pongo el otro en el mismo lugar que estaba ese?

    ResponderEliminar
  50. .-.

    me estoy quedando helado,mira el problema esta cuando pongo la opcion de :

    Página alojada en Google: los resultados se alojan en Google.

    si pongo la opcion de Search Element si que me funciona...pero no me busca en la página...y ademas no me sirve por que al tener un flash de cabecera,la busqueda se queda tapada xDD
    mejor lo dejo...tendre que buscarme otra solucion =(

    ResponderEliminar
  51. Potro queria preguntarte fuera del tema, si ahy algun truco para tener en un sidebar y gadget o algo parecido que al hacer clic en el titulo se despleque varios links hacia abajo! mira aqui tengo un ejemplo de una web! en el sidebar de la izquierda : http://www.arquitextos.com/

    ResponderEliminar
  52. Troyanonano, el mío lo hice con Adsense y los resultados los muestra en otra página.

    arquitectura online, te dejo un enlace de Rosa que explica cómo hacerlo:
    http://elescaparatederosa.blogspot.com/2009/05/expandir-y-contraer-gadget-con.html

    ResponderEliminar
  53. Gracias Potro!!!! ahora tengo el problema de siempre cuano usso scriptaculous, noc ve mi lista de seguidores algo que he intentado resolverlo pero nada seguia igual, x eso ya no usaba scriptaculous pero ahroa lo necesito :S bueno espero algun dia solucionarlo ya! gracias

    ResponderEliminar
  54. Buenas de nuevo...me gustaria saber si seria posible poner un borde a un html...
    me explico,eh hecho una imagen con paint para que me entiendas :3

    http://i817.photobucket.com/albums/zz95/Troyanonano/html.png

    eso se podría hacer?

    ResponderEliminar
  55. arquitectura online, lee esta entrada.

    Troyanonano, localiza el ID del gadget por ejemplo HTML5 y luego en los estilos agrega la ID, quedaría algo así:
    HTML5 {border:1px solid #000;}

    ResponderEliminar
  56. potro, estoy cambiando radicalmente el aspecto de mi blog para que quede más limpio y elegante, instalé una nueva plantilla que me ha gustado mucho y le empecé a hacer cambios de un lado a otro, pero me he quedado tremendamente estancado en la forma que se muestran los posts. verás, por defecto la plantilla muestra los posteos con un breve texto del inicio, y al final del mismo tiene un botón para leer más, haciendo click ahi te manda a la entrada completa. primero que nada, cuando vas a la entrada completa las fotografías salen por encima del texto y no sé como arreglar eso. segundo, en el breve texto de la página principal, muestra el texto sin el formato original, o sea como lo he redactado y le he dado forma, y la foto la muestra pequeña. no sé si me podrás dar una mano, me estoy volviendo loco. si se puede hacer algo al respecto me avisas, sino como medida de último recurso me contento con dejar en la página principal la entrada completa y yo después me arreglo con los códigos para expandir el texto que has puesto en tu blog, y que me han servido de mucho. espero no molestarte demasiado y me puedas dar una mano.

    la dire del blog es: http//abrelabra.blogspot.com

    muchas gracias de antemano por lo que puedas llegar a hacer!

    ResponderEliminar
  57. Potro...de veras que no te entendi lo mas minimo =S

    el ID creo que es HTML7...

    que debería de reemplazar en la edicion html?

    PD: perdon es que soy un poco torpe xS

    ResponderEliminar
  58. Potro, te digo noc si te pasa pero deseo editar mi blog editar unn gadget o agregar y no se abre nada :S no puedo agregar nada! no abren :S no sabes si es normal? nigun blog me da!solo en firefox gracias!

    ResponderEliminar
  59. Hola Juanopio,

    Ignoro qué cambios has de haber hecho antes de que aparecieran las imágenes así, pero supongo que has de haber tocado algo que no debías.
    Por ejemplo, veo que dentro del área de los códigos que hacen que se muestren las entradas tienes unos estilos que empiezan con esto:
    #feature-wrapper,#carousel_control,#featured_posts

    Esos estilos deben ir antes de /head y no dentro de los artilugios de la plantilla.

    Lo de la imagen pequeña es porque es así, los resúmenes automáticos generan una imagen pequeña de muestra (thumbnail) es una forma de resumir el contenido y aplica también a las imágenes.

    ResponderEliminar
  60. Troyanonano, si esa es la ID entonces agrega antes de ]]></b:skin> esto:
    HTML7 {border:1px solid #000;}

    Franco Paravecino, no he tenido ese problema pero al parecer por lo que dices podría ser tu navegador, quizá tengas que borrar las cookies y el caché.

    ResponderEliminar
  61. si al parecer es eso creo un mensaje asi me salia! como lo borro y por que debo borrar eso :S, nunca me paso! gracias

    ResponderEliminar
  62. Muchos de los errores de Blogger se solucionan borrando las cookies y el caché del navegador.
    En cada navegador es distinto el procedimiento para borrarlos, pero usualmente en las opciones de tu navegador debe estar el botón para eliminarlos.

    ResponderEliminar
  63. no me funciona potro,cuando le doy a vista previa,se me cierra como que no esta bien puesto =/

    ResponderEliminar
  64. Si se te cierra la ventana de vista previa entonces verás en la edición de HTML que marca un error en color rojo ¿qué dice ese error?

    ResponderEliminar
  65. potro, ya estoy solucionando el problema, son unos codigos automáticos que se aparecieron de la nada en la edicion html de las entradas, recién estuve chequeando eso y lo estoy arreglando. un abrazo y gracias!

    ResponderEliminar
  66. por extraño que parezca,ahora no me da error y lo he puesto exactamente igual que antes =S

    pero eso si,no hay cambio alguno...debe de ser por que no he puesto la ID correcta,supongo...como puedo saber que ID és?

    ResponderEliminar
  67. potro una pregunta como puedo poner la etiqueta code ami blog o no ce puede

    ResponderEliminar
  68. Troyanonano,

    Igual que antes no, seguro lo estabas poniendo en el lugar equivocado o de forma incompleta.

    Sin expandir los artilugios busca el gadget que tienes, es algo así:
    <b:widget id='HTML1' locked='false' title='' type='HTML'/>

    En ese caso la ID del gadget es HTML1 ese es el ID que necesitas.

    ResponderEliminar
  69. piola2.0

    ¿Exactamente qué quieres hacer con la etiqueta code?

    ResponderEliminar
  70. pues la verdad,me confundia en el ID,es el 5....
    pero aun así no cambia nada de nada =(((
    no será que hay que colocarlo en otra parte?

    ResponderEliminar
  71. mira te pongo una imagen para que veas si lo pongo bien

    http://i817.photobucket.com/albums/zz95/Troyanonano/sddasdsad.jpg?t=1274782624

    ResponderEliminar
  72. El lugar está bien, sólo que se me pasó el signo de gato, quedaría así:

    #HTML5 {border: 2px solid #000}

    ResponderEliminar
  73. muchisimas gracias potro ^^ ahora si me funcionó =D
    te devo la vida! xD
    ya tengo mi blog organizado como queria ^^

    ResponderEliminar
  74. potro ¿Exactamente qué quieres hacer con la etiqueta code?
    colocar los link de descargar y informacion
    porque cuando pongo signos como *<>- etc.
    me echa a perder el post entero o no aparece lo escrito

    ResponderEliminar
  75. Si usas la etiqueta code lo único que hará es darle un formato al texto y aparecerá como letra Times New (o algo parecido) pero nada más.
    Creo que lo que necesitas es mostrar los códigos tal cual:
    http://ciudadblogger.com/2009/01/insertar-cdigo-html-en-un-post.html

    ResponderEliminar
  76. Hola Potro, hace unos días descargue aleo flash intro banner, interesante programa.

    El punto es q no logro subir los banners a blogger.

    Es muy poca mi experiencia en eso y te agradecería una ayuda.

    Gracias, excelente y educativo blog es el q tienes.

    ResponderEliminar
  77. Necesitas subir el archivo a un hosting y luego usar este código para mostrarlo en el blog.

    Saludos.

    ResponderEliminar
  78. Gracias, si funciona con otros banners pero no con intro banner flash, tal vez me equivoque en el tramo final de la publicación.

    Abusare de tu paciencia pidiendote algun tuto con los detalles para publicar banners con ese programa.

    Nuevamente gracias por tus diarios aportes

    ResponderEliminar
  79. Cuando vayas a guardar haz click en Publish, luego nuevamente click en el botón Publish, selecciona la opción Publish as flash movie (swf) y desmarca la opción Create HTML file.
    Con eso tendrás el archivo swf que necesitas.

    ResponderEliminar
  80. hola, una preguntilla sabes si hay alguna forma de editar el html para borra en la parte inferior la referencia a la platilla tal y tal... gracias, habria alguna forma de poner un flash o una entrada principal para entrar al blog.. muchisimas gracias. 10 para este pedazo de blog.

    ResponderEliminar
  81. Hola Antonio José,

    Los créditos se encuentran hasta abajo del blog, por ahí localizarás los códigos, aunque primero deberías verificar si la licencia de la plantilla permite el retiro de los créditos.
    Para el intro en flash no conozco algún método, aquí hay algo parecido, quizá te sirva:
    http://oloblogger.blogspot.com/2010/02/otra-pantalla-de-presentacion-facil.html

    ¡Saludos!

    ResponderEliminar
  82. Hola... me parece muy interesante y util tu aporte al mundo cibernauta... lo unico que no encuentro solucion a mi problema.... que es el siguiente: hace un par de dias abri un blog .. de a poco fui diseñando el mismo, pero no puedo abrirlo sin que IE se me tilde. Que se te ocurre que pueda ser ?.
    mi blog es: http://asesoraimpositiva.blogspot.com/

    Saludos. Patricia - argentina-

    ResponderEliminar
  83. Hola Patricia,

    No sé a qué te refieras exactamente, yo he entrado a tu blog desde Internet Explorer 8 y no veo ningún problema, todo lo veo muy bien.
    Te agradecería más datos sobre el problema para tener una idea más clara sobre el asunto.

    Saludos.

    ResponderEliminar
  84. Hola muy buen aporte gracias, los invito a todos a visitar mi blog http://las4fantasticasylos3moskteros.blogspot.com en el encontraran muchas cosas utiles

    Gracias

    ResponderEliminar
  85. Muy interesante Potro, me apunto el enlace.

    ResponderEliminar
  86. Vale martinyfelix qué bueno que te ha gustado.

    ResponderEliminar
  87. Hola Potro cuando pongo algo en la plantilla siempre me tira para el lado derecho cuando le doy dimensiones nunca me tira para el lado izquierdo me gustaria saber como puedo ponerlo central o que pillara toda la plantilla y que no se desplazara para ningun lado .
    Gracias.Un saludo

    ResponderEliminar
  88. Hola mundolives,

    ¿Exactamente qué es lo que pones cuando se mueve todo a la derecha? ¿en qué lugar lo pones? ¿en cuál blog? ¿qué dimensiones son las que aplicas?

    Es que sin dar mayores detalles me resulta difícil entender el problema o.O

    ResponderEliminar
  89. Hola Potro , lo pongo en el centro el blog es este http://futbolmastv.blogspot.com/ y como ve esta desplazado a la derecha yo quisiera que se pusiera centrado o que me pillara toda la dimension de la plantilla , eso es un formato todo junto chat y las tv si le quiero dar mas dimensiones al chat o a las tv siempre me se va para el lado derecho nunca para el lado izquierdo y yo quisiera que se centrara o que pillara todo el blog .
    Un saludo

    ResponderEliminar
  90. Hola mundolives,

    Gracias por los detalles extras.
    ¿Podrías quitar el script que deshabilita el botón derecho? De esa forma podré indagar bien en el código para descubrir qué sucede y saber si son los márgenes naturales de tu plantilla o si se trata de algún otro problema.

    ResponderEliminar
  91. excelente me hacia falta muchas gracias!!!

    ResponderEliminar
  92. Potro esto esta buenísimo... un acierto como todo lo que hay aquí. Te hago una consulta técnica con respecto a la edición html o la cabecera. No logro que esta cabecera quede centrada. Yo puse el titulo de la entrada centrado y se supone que la cabecera deberia estar igual y sin embargo no es asi. entre al html pero no encontré que hacer..

    http://roxanaamed-blog.blogspot.com.ar/

    ResponderEliminar
    Respuestas
    1. Gracias por tu comentario. Según entiendo (por lo que veo en la plantilla) la cabecera es toda esa imagen que está arriba, pero la veo bien, centrada respecto a lo de abajo, a no ser que no haya comprendido bien.
      Saludos.

      Eliminar
  93. Ya lo solucioné potro.. hice una nueva cabecera y cambié el ancho del blog. No se porque pasaba eso...pero hice 6 cabeceras y una cuadró. Muchas gracias!!!!

    ResponderEliminar
  94. Potro ya lo solucioné hice 6 cabeceras y cambie el ancho del blog y ahí cuadró, no se porque se produce eso, pero estaba alineada a la izq. Gracias Potro

    ResponderEliminar
    Respuestas
    1. Vale, gracias por avisar que ya está todo bien :)

      Eliminar
  95. Hola Potro, gracias por toda la información que brindas, tengo un problema con mi blog, usé este post para probar pero no me funciona....

    Trataré de explicarme mejor, en mi blog: http://excelcolombia.blogspot.mx/

    Uso muchas tablas pues es lo principal que ofrezco, tablas de posiciones, comparativas, etc.

    Resulta que cuando estoy en el editor HTML del blog, la tabla se ve de una manera, el problema es que cuando la veo ya en el blog se ve diferente, específicamente me refiero al alto de las filas, intenté entrar al código HTML y reducir en algunas partes en donde dice height___ pt pero no funciona.

    Intenté con el editor HTML de este post pues recordaba haberlo leído, el asunto es que la tabla se ve bien en el editor... pero se ve bien... no sé si es por la plantilla o qué es lo que ocurre:

    Quise adjuntar una parte del código con el equivalente a un par de líneas de la tabla, pero supera el límite permitido.

    ¿Se te ocurre alguna idea? Gracias de antemano.

    Saludos

    ResponderEliminar
    Respuestas
    1. Hola Excel Colombia, este editor sólo debe servirte como referencia, toma en cuenta que cuando tú insertas un código en tu blog, por ejemplo una tabla, la plantilla tiene diversos estilos como márgenes, paddings, etc. así que los elementos que puedas ver en este editor suelen no siempre verse idénticos a como se verá en el blog.
      Si la creas en el edito de Blogger entonces hazlo estando en la pestaña HTML y antes de publicar da Vista Previa, así sabrás qué tienes que corregir.

      Saludos.

      Eliminar
  96. Muy buen post, si queréis probar un buen editor online he encontrado esta web:
    http://www.onlinehtml.net

    ResponderEliminar
  97. esta muy interasante tu portal felicidades espero que sigas publicando o enseñando cosas mas y asi aprender.

    ResponderEliminar
  98. Hola Potro como siempre aportando posts de gran utiliadd para los bloggers... muchas gracias de nuevo

    ResponderEliminar
  99. al copiar la plantilla al editor on line me devuelve el mismo código, me interesaba para poder editar la plantilla ya que el editor de blogger actual es bastante molesto para editar

    ResponderEliminar

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.

 
Ir Arriba Ir Abajo
I Ciudad Blogger