Bienvenido a VidaBlogger, un sitio dedicado a brindar Ayuda para Blogs.

Vas a poder encontrar trucos blogger, tutoriales y herramientas para blogs, aprenderás estrategias sobre SEO y posicionamiento web, y te daremos los mejores consejos para que lleves tu blog al máximo potencial!





3 may. 2010

Insertar una caja para Códigos HTML


Si tenemos un blog, seguro que alguna vez has encontrado algún truco, herramienta, gadget, javascript, etc que has querido compartir con tus lectores. Pero el código html es tan largo que, a veces, es casi imposible poderlo mostrar en una entrada.
Nosotros vemos como en otros blog insertan una caja que contiene con barra de arriba/abajo donde allí pueden insertar fácilmente los códigos largos. Además es más cómodo para nuestros lectores. Pero no sabemos como hacerlo, no te preocupes, nosotros te enseñaremos.

Una vez que hayas redactado tu entrada, pasaras la vista a “editar html” allí te ubicaras justo donde quieres que aparezca la caja del código, en el medio del texto, al principio, al final. Cuando ya tengas tu cursor ahí debes pegar este código

<div align="center">
<div style="background-color: white; border- border-style: solid; height: 250px; overflow: scroll; width: 400px;">
<span style=" "><b></b></span>
<div align="center">
<span style=" "><b> ESCRIBE ACA TU CODIGO HTML PARA COMPARTIR CON TUS LECTORES </b></span>
</div>
<span style=" "></span>
</div>
</div>
<b></b>


Ahora solo debes reemplazar la parte del mensaje escrito como ejemplo por tu codigo html y listo. También puedes cambiar el tamaño del cuadro en Height y Wild, el color del borde y la alineación del cuadro dentro de la entrada. Pero si no entiendes mucho de esto, solo limítate a copiar y pegar el código html base y a escribir tu mensaje.
No sirve solo para códigos html, también podemos resaltar algún texto importante escribiéndolo dentro de esta caja.






ESCRIBE ACA TU CODIGO HTML PARA COMPARTIR CON TUS LECTORES





Si te ha gustado este post, no dudes en suscribirte al feed RSS de VidaBlogger - Ayuda para Blogs! para recibir todos los días la últimas novedades - (¿Que es RSS?)

0 comentarios :

Publicar un comentario

Lea las reglas:

Todos los comentarios serán leídos y moderados previamente.

Serán publicados aquellos comentarios que respeten las siguientes reglas:
- Su comentario debe estar relacionado al contenido del post.
- No se aceptan comentarios tipo SPAM.
- No incluya links No necesarios en el contenido de su comentario.
- Si quieres dejar la url de tu blog, hazlo utilizando la opción OpenID.
- La caja de comentarios no es el lugar para pedir intercambio de links (para ello ve a la página de contacto).
- Ofensan personales, amenazas o insultos NO serán permitidos.

OBS: Los comentarios de los lectores no reflejan las opiniones del blog.