mouse: Agregando una imagen de fondo a tu plantilla de blogger

Capturar webcam con VB.NET

¿Que haremos? Crearemos una aplicación en Visual Studio, la cual hará uso de una webcam para capturar el video en frames independientes y depositarlos en memoria para despues mostralos al usuario a través de un picturebox y un Timer para crear la ilusión de movimiento. ¿Porque lo haremos? Porque es justo y necesario ¿Que necesitamos? [...]

Envío de correo con JavaMail/Netbeans

JavaMail es una expansión de Java que facilita el envío y recepción de e-mail desde código java. JavaMail implementa el protocolo SMTP (Simple Mail Transfer Protocol) así como los distintos tipos de conexión con servidores de correo -TLS, SSL, autentificación con usuario y password, etc [Según SantaWikipedia] ¿Qué necesitamos? JavaMail 1.4.5 Java y Netbeans 6.9 [...]

Proyecto de base de datos Firebird VB

En este proyecto realizaremos una aplicación de base de datos Firebird con el lenguaje de programación de Visual Basic de Microsoft, este proyecto tendrá las funciones básicas de gestión INSERT, DELETE, UPDATE y una interfaz de usuario para utilizarlas. ¿Que necesitamos? Visual Studio 2008 o superior Firebird última versión Firebird ADO.NET Data Provider. Conocimientos básicos [...]

Imprimir imagen con Print

La siguiente clase hace uso de PRINT para imprimir una imagen que se encuentra en un variable de tipo FileInputStream, esta clase a su vez es implementada desde una interfaz que hace fácil su uso, la clase así como todo el proyecto esta comentado. import java.io.File; import javax.print.Doc; import java.io.IOException; import javax.print.DocFlavor; import javax.print.SimpleDoc; import java.io.FileInputStream; [...]

9/11/09

Agregando una imagen de fondo a tu plantilla de blogger

JAN29

Post Info

Ahora para familiarizarnos con el codigo de blogger y de paso divertirnos un poco despues de ver lineas y lineas de codigo, aremos algo sencillo, colocaremos una imagen de fondo en nuestro blog de prueba,esto nos ayudara a conocer un poco del codigo CSS (hojas de estilo).

Utilizaremos la cabeza de este oso panda, puedes usar cualquier otra, pero recuerda que este en formato JPG y que sea de dimensiones pequeñas como de 200x200 maximo. Puedes utilizar imagenes mas grandes pero eso puede relentizar la carga del blog en conexiones lentas.

Comenzemos.

En nuestro blog crearemos una nueva entrada a la que llamaremos "contenedor de imagenes", y podemos colocarle la etiqueta "Mis imagenes"esta entrada no sera publicada, hacemos esta para utilizar a blogger como un contendor de imagenes valga la redundancia, ya que los host gratuitos

que existen en internet no te garantizan que tu imagen no sera borrada, ese es un riesgo que mejor hay que prevenir.

Ahora subimos nuestra imagen , yo uso firefox asi que explicare la forma de sacar la URL de la imagen mas facilmente, presiona "Vista previa" en el editor de entradas y has clic derecho sobre la imagen y escoge copiar "ruta del enlace".

Abre un archivo de texto y pega el enlace, de este enlace buscamos y eliminamos los caracteres "-h", como se puede ver en la imagen:

Ya que tenemos la url de nuestra imagen, tenemos que añadirla en el codigo de la plantilla, dirigete a Diseño - Edicion HTML y por si algo sale mal lo mejor es realizar una copia de seguridad de tu plantilla. Descarga una copia y guardalo en tu pc.

Copia todo el codigo que tengas a la vista en tu plantilla presionando CTRL + A, por el momento no actives la opcion "expandir plantillas de artilugios", no es necesario. Abre el Notepad2 o tu editor de texto preferido y pega el codigo de la plantilla, busca la cadena "body", yo la encontre en la linea 61, sera esta linea de codigo la que modificaremos.

Lo que haremos sera reemplazar el color que tiene por una imagen, para eso modificaremos la etiqueta "background" usando la etiqueta URL, esta funciona de la manera siguiente

URL(Direccion_de_tu_Imagen)

donde dice "Direccion_de_tu_Imagen" pues colocas la direccion de tu imagen :), que genio verdad ;).

Antes

despues

Ahora selecciona todo el contenido del notepad2 CTRL + A, y pegalo en blogger "editar plantilla". clic en GUARDAR PLANTILLA y ya tienes una imagen de fondo en tu blog. para ver el resultado clic en "ver blog".

Antes