TRUCOS y
TUTORIALES
para tu blog
No, no vendemos
camisetas... aun
Camiseta Ciudad Blogger

Insertar código HTML en un post

22 de enero de 2009 | Número de comentarios45 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="http://2.bp.blogspot.com/_qgZA1ny_dAs/S2h08FJb0mI/AAAAAAAADtk/hHhHHBPpvBg/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.

45 comentarios :

  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
  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
    Respuestas
    1. Muy amable Vicente, te agradezco tu comentario.

      Eliminar
  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

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
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
¿Te gusta Ciudad Blogger?