Insertar código HTML en un post

22 de enero de 2009 61 comentarios ,
Si quieres insertar dentro de un post un código HTML para que tus lectores puedan copiarlo, puedes recurrir a un sitio como Blogcrowds en el cual sólo debes pegar el código que deseas mostrar, presionas procesar y te arrojará el código que debes pegar en el post.
Por ejemplo:
<a href="http://ciudadblogger.com/"><img alt="Ciudad Blogger" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Uun2kJEQY8N7FTvs_tnnps921ttpRu6WXRYt879RhjmWpTiZONvFbkiyM5Q85TTbrwPDucGyyMrwFHWac6z8-Wrc5jM3N8VhvLkcGvvE8EvRiSEYMTPoy_j0AAzLvDeyW5VH9CsZpAU/s320/mini-boton.png"/></a>

De este modo el post no reconocerá el código como un comando que debe traducir y lo mostrará tal cual.
También puedes usar nuestro Conversor de HTML a Texto Plano. El resultado será también el mismo.


61 comentarios en:

" Insertar código HTML en un post "

  1. Muy Util para presentar codigos...

    tengo una duda, pero no acerca de este post, en mi blog quiero mostrar mis comentarios debajos de los post, como hago eso, si me ayudas te los agradecere..... saludos



    omegagil

    ResponderEliminar
  2. Hola Antonio Blog,
    En este post se explica cómo ponerlo. Es la opción tres del post.

    Saludos.

    ResponderEliminar
  3. Lo configure y funciona a la perfencion hasta inclui unos detalles extras, que encontre en ciudadblogger, eres un Genio!!!!!


    omegagil

    ResponderEliminar
  4. Hola Antonio,
    Qué bueno que te ha servido.
    Gracias por el post en tu blog.
    =)

    Saludos.

    ResponderEliminar
  5. gracias potro gracias
    gracias
    gracias
    gracias

    ResponderEliminar
  6. Una pregunta como haces para poner este fondo asi en gris para que resalte el codigo??

    http://i37.tinypic.com/k1ukcy.jpg

    ResponderEliminar
  7. Hola Howard Yoseph,

    En mi caso encierro el código entre <blockquote> y </blockquote> pero los blockquote varían dependiendo el diseño de cada plantilla.
    Saludos.

    ResponderEliminar
    Respuestas
    1. Potro, al leer varios comentarios como el numero 7 de esta misma entrada, coinsido con que deberias de crear una nueva sobre como lograr el mismo efecto que tu tienes en tus blockquotes...

      Saludos!

      Eliminar
    2. Lo tendré en consideración, gracias :)

      Eliminar
  8. proto, como hago para guardar los codigos html en una entrada y que tenga la misma forma como aqui?:
    http://ciudadblogger.com/2009/01/banners-de-ciudad-blogger.html
    gracias un saludo

    ResponderEliminar
  9. Hola Tuenti,

    Además de hacer lo que explico en este post también haz lo que dice la siguiente explicación:
    http://ciudadblogger.com/2009/04/codigo-para-que-nos-enlacen.html

    Saludos.

    ResponderEliminar
  10. Hola he comensado con un blog de "trucos blogger", espero pronto podamos compartir ideas.

    Te saluda tu amigo Jose Ignacio | Trucos Blogger

    Hasta pronto, sigamos adelante con los blogs!

    ResponderEliminar
  11. Tambien lo puedes hacer en "Opciones de entrada" y le das "Mostrar HTML literarmente"

    ResponderEliminar
  12. Esa sólo es una función de prueba que aún no funciona y que no está disponible en el editor anterior.

    ResponderEliminar
  13. Muchisimas gracias potro te seguire visitando para ver que es lo nuevo que nos enseñas!!

    ResponderEliminar
  14. OYES PERDÓN PERO LA PÁGINA ME TARDA EN CARGAR, EXISTE OTRA ALTERNATIVA PARA PODER HACER LO QUEL HTML?

    ResponderEliminar
  15. Puedes usar el de aquí de Ciudad Blogger:
    http://ciudadblogger.com/p/conversor-de-html-texto-plano.html

    ResponderEliminar
  16. como podria poner un conversor como ese en mi blog?


    gracias...

    ResponderEliminar
  17. No sé, creo que ellos lo hicieron con PHP.

    ResponderEliminar
  18. no me funciona cuando lo ago me salen mal los codigos me podrias ayudar mira como me salen

    http://www.distritourbano.net/2011/06/tutorial-como-agregar-los-comentarios.html

    ResponderEliminar
  19. Pues el código se muestra bien en la entrada, sino te hubiera funcionado no aparecerían los códigos sino que te marcaría error al publicar la entrada.

    ResponderEliminar
  20. es que algo sale mal lo puse a descargar en un blog de notas algo se borra del codigo nose que es porque cuando alguien lo copia para su blog le salia error pero ya lo puse de otra manera gracias ^^

    ResponderEliminar
  21. Posiblemente sólo estás convirtiendo a texto plano los < y > que están la inicio y al final del código. Si conviertes todo el código en texto plano no deberás tener problemas. Saludos.

    ResponderEliminar
  22. Hola mi estimado Potro, yo quisiera saber como insertar varias veces el gadget HTML Javascrips en Blogger, si mal no recuerdo antes se podía pero ahora no, me imagino que ahora se hace desde el código de la plantilla pero no se como hacerlo, agradecería mucho que me echaras una mano...

    ResponderEliminar
    Respuestas
    1. De hecho es como siempre Alfredo, ¿te aparece algún error o qué es lo que sucede?

      Eliminar
  23. Gracias potro, lo que pasa es que el Gadget lo agrego pero solamente una vez, cuando quiero insertar otra vez el Gadget HTML javascrips, me dice ya se ha añadido y no puedo insertarlo nuevamente. Por ejemplo ya añadí el Gadget para poner una barra de menú debajo de la cabecera, ahora lo quiero insertar en la sidebar para poner unas pequeñas diapositivas en Flash con HTML y no puedo por lo que anteriormente ya lo había agregado en el menú. No se si explico..

    ResponderEliminar
    Respuestas
    1. Es extraño, ¿cuál es el blog donde no te deja agregar más gadgets? ¿has intentado hacerlo desde otro navegador?

      Eliminar
  24. Hola potro saludos y buen día mira porfavor dame una manito con mi problema, tiene que ver con un poco de este tema lo que pasa esque en mi blogger quisiera que las entradas que pongo muestren mas contenido al abrir la entrada y que en la portada solo muestre un poco de noticia no toda, no se si me dejo explicar, quiero ahorrar espacio por eso quiero que en la portada aparesca solo un poquito de la noticia para que al hacer click en leer mas salga ya toda la noticia grande, porfa ayudame potro actualmente hago noticias muy poqueñitas para ahorrar espacio y mejorar la estetica del blog aqui te dejo mi blogeer ya la conoces creo PERUMUNDOTV.COM

    ResponderEliminar
    Respuestas
    1. Pues puedes usar el Leer más nativo de Blogger, o algún leer más automatizado:
      http://ciudadblogger.com/2011/01/leer-mas-con-imagenes-en-miniatura.html

      Eliminar
  25. Hola Potro, estuve mucho tiempo buscando la información que necesito por esta página pero tiene muchos post, así que te preguntaré aquí, perdón (o pon el link sobre este tema)

    Tengo un problema que recien me pasó hace unos días, y es que cuando escribo en una entrada nueva o una que está publicada todo el texto "se junta" como si no existiera el "Enter", por ejemplo: si escribo bla bla bla......"enter" bla bla bla..."enter" bla bla bla y finalizo el texto, cuando actualizo o publico un post nuevo sale todo junto como si nunca tecleara "Enter"
    Cuando escribo la entrada en "REDACTAR" o en "HTML" pasa lo mismo, si escribo todo bien en "REDACTAR" y le doy clic a "HTML" desaparecen los espacios de "enter", lo mismo viseversa.

    Esto pasa hace poco, tengo post publicados viejos y cuando entro a verlos (o sea editarlos), los veo que están bien como los publique, pero cuando cambio con un clic de "REDACTAR" a "HTML" o viseversa desaparecen los espacios de los "enter" y se junta todo, yo tengo que salir sin actualizar para no arruinar ese post.

    Por favor AYUUUUDAAAAAAA!!!!!! ¿me pasa solo a mí o le sucede a otros blogeros?

    ResponderEliminar
    Respuestas
    1. Hola LuisPopero. Cuando edites la entrada haz click en la parte derecha que dice "Opciones", ahí puedes elegir si la entrada respeta los ENTER como salto de línea o si agrega un código.
      Saludos.

      Eliminar
    2. Gracias por contestar Potro, esa opción ya la revise meses atrás cuando el editor del blog "cambió de look" (se actualizó), o sea las opciones "utilizar etiqueta
      " y "pulsar Intro para los saltos de línea", yo siempre utilizo la segunda opción, solo con teclear "enter", ese no es el problema.

      Me di cuenta de algo raro, cuando escribo con "negrilla" y le doy clic para cambiar de "REDACTAR" a "HTML" o viceversa, aparece este codigo despues del espacio en "enter" < >, obviamente sale todo el texto junto y ese codigo en "HTML" que nunca puse

      Por favor sabes que es el problema, ¿a ti te pasa esto?

      Eliminar
    3. Si usas la segunda opción entonces cambia a la primera, ese mismo problema yo lo tengo y así es como lo resuelvo, y eso sólo me pasa con la nueva interfaz porque con la antigua no tengo ese problema.

      Eliminar
  26. Muchas gracias por esta opción. Realmente buscaba algo así desesperadamente desde que a mi blog le dio por no aceptar el textarea en la sidebar. Lo curioso es que los que puse antes funcionan bien, pero si quiero añadir algo nuevo nada más no.

    Será que haber agregado una encuesta con javascript me jodió el blog? Es que ahora la letra es pequeñísima, el fondo no es el que yo tenía y ahora no puedo manejar mi sidebar bien... Ya no sé que hacer...

    ResponderEliminar
    Respuestas
    1. Habría que ver en cuál blog tienes el problema, así como qué código utilizaste, y qué otros cambios has hecho.

      Eliminar
  27. Gracias Potro, tu blog me cambio la perspectiva que tenia sobre blogger; éxitos amigo.

    ResponderEliminar
  28. Gracias, muchas gracias creí que no lo iba a encontrar, pues es algo que me interesaba, insertar un código en un post, para cuando surja la ocasión, en este caso me era necesario para una amiga, lo copie de otra página -- http://www.simplebits.com/cgi-bin/simplecode.pl?mode=process -- y lo publicamos, pero aquello no funciono, insistiendo di contigo y ahora si funciona GRACIAS.

    ResponderEliminar
    Respuestas
    1. Qué gusto que te haya sido útil esta información, ¡saludos!

      Eliminar
  29. Hola. Primero queria felicitarte por que creo que muestras informacion de calidad y muy interesante.
    Por otra parte me gustaria saber la opcion de ésta entrada sigue sirviendo. La he querido implementar queriendo anexar un codigo html básico y no se ha publicado en mi blog. Ya lo he probado con todo y no sé que estoy haciendo mal.
    El codigo html es muy basico, es el de hacer una imagen con hipervinculo.

    ResponderEliminar
    Respuestas
    1. Hola Renato, aun sigue vigente lo de este post, sólo asegúrate que al poner el código en tu entrada estés en la pestaña HTML y no en Redactar.
      Saludos y gracias por tu comentario.

      Eliminar
  30. Un saludo potro, tengo un problema.

    Resulta que quiero añadir un código HTML a un post pero al pegarlo y publicarlo no se ve, aparece como si no existiera. Qué podrá ser? muchas gracias y genial blog

    ResponderEliminar
    Respuestas
    1. Hola Sebastian. Habría que ver qué código estás poniendo, y en cuál entrada lo has hecho.

      Eliminar
  31. Hola. Tengo una duda es posible poner codigos en la plantilla? Por ejemplo quiero colocar unos codigos html arriba de la caja de comentarios, a manera de mensaje, pero que quede como codigo porque el texto plano no me funciono. Saludos!

    ResponderEliminar
    Respuestas
    1. Sí, pero tienes que pasar el código a texto plano dos veces.

      Eliminar
  32. Que tal Potro!

    Pase mucho tiempo buscando en tu blogg el codigo para encerrar el texto en una caja y resaltarlo al pasar el mouse sobre el como en esta entrada. Al final me desespere! XD

    Te agradeceria mucho si me direccionas al enlace correspondiente o simplemente me ayudas, pues me seria de gran ayuda para mi blogg!

    Gracias por adelantado y muchas felicidades por tu gran trabajo!

    ResponderEliminar
    Respuestas
    1. Hola MD8.Bourne, no tengo una entrada sobre ello, yo lo que hago es usar un bloque entrecomillado, a ese bloque le pongo estilos al pasar el cursor, por ejemplo:

      .post-body blockquote {
      ...aquí los estilos en su estado normal...
      }

      .post-body blockquote:hover {
      ...aquí los estilos al pasar el cursor...
      }

      ¡Saludos!

      Eliminar
  33. Hola Potro, tus entradas siempre me resultan útiles, pero el editor de HTML a texto plano no tanto. Funciona en algunos códigos; si colocas este &quot;&quot;'> no sale como debería, el de Oloman (que utilicé para este código) funciona bien, quizás deberías preguntarle. Realizo este comentario para ayudarte, no es una queja! Gracias por todo!!

    ResponderEliminar
    Respuestas
    1. Hola Facu, aun tengo que mejorar ese conversor, necesito hacerle cambios y crear un subdominio para ese conversor así como el de metatags, sólo que mi tiempo ahora es muy limitado, habrá que esperar un poco más. Saludos.

      Eliminar
    2. Si cuando escribes tus entradas no tienes tiempo, no me imagino lo que harías de tenerlo.
      Como siempre, confío en ti, saludos y gracias Potro!

      Eliminar
  34. Hola, tengo problemas para insertar un html de otro blog donde me indica los datos nutricionales de mis recetas. El caso es que al pegarlo en la parte de html a veces me sale y a veces no. Y no se identificar el porqué.

    Te pongo abajo los códigos de cada entrada a ver si tu ves alguna diferencia,
    A. Entrada nueva. Parte de codigo html:

    B. Entrada publicada. Parte de codigo html:

    http://rococina.blogspot.com.es/2014/08/yogur-natural.html



    He probado copiando entera las entradas en las que me había salido desde html a html y sobre esa modificarla pero me desaparece de nuevo el icono de muminai. ¿alguna sugerencia?

    Mil gracias por tu blog!

    PD: No he podido pegarte los códigos html. ¿Me puedes ayudar de todas formas?

    ResponderEliminar
    Respuestas
    1. Hola Rocío, ¿qué tipo de gadget es? porque ahora mismo veo debajo de Datos Nutricionales una tipo tabla, no sé si sea ese, pero se ve sin problema. Si pudieras darme más detalles será más fácil dar con el problema/solución.

      Eliminar
    2. Hola de nuevo. Lo que ves tipo tabla es lo que intento introducir en todas las entradas. Es un codigo html que copio de la web muminai. En la entrada que te envie está bien pero en muchas otras no me sale y no hago nada diferente. Probablemente omita un cierre o alguna otra cosa que no advierta.
      POr esa razón pensé pegar una de mis entradas en las que si salia bien desde html a otra nueva y trabajar desde ahí, pero, a pesar de estar el codigo html la tabla no aparece. ¿Te puedo enviar los datos del html?
      Lo pero es no saber identificar el porqué.

      Gracias!

      Eliminar
    3. Hola Rocío, ¿me puedes mostrar una entrada donde tengas ese código y que no se muestre?

      Eliminar
    4. Hola,

      Aquí tienes una entrada a la que le sucede esto:
      http://rococina.blogspot.com.es/2014/09/ensalada-de-canonigos-higos-y-queso.html

      Eliminar
  35. Hola de nuevo,

    Olvida lo dicho. Parece que no se vé pero es sólo en Vista Previa. Cuando lo publicas si se vé.

    Gracias, Si vuelvo a tener ese problema te escribo.

    Un saludo y tienes un blog fantástico. En breve doy un curso a futuros blogeros y te recomendaré

    ResponderEliminar
    Respuestas
    1. Gracias Rocío. Me alegro que no haya sido nada de cuidado. Saludos.

      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