Colocar una imagen flotante en tu blogger

Quisa se encontraran antes con aquellas imagenes estaticas del lado derecho del blog, justo en la esquina inferior izquierda. Bueno esto es lo que haremos a continuacion y es denominado imagen flotante ^^



Muy bien, es muy simple pero tendremos que situarnos en el codigo html de nuestro blog, para ello en el menu del administrador de blogger entren en Diseño luego entra en Edicion HTML

Antes de iniciar descargaremos nuestra plantilla para seguridad




Modificaremos parte del codigo, pero solo sera una pequeña fraccion que biene justo antes de < /head > . Este es el codigo de finalizacion de head, por lo tanto lo encontraremos antes de body .




Muy bien justo antes de < /head > colocaremos el siguiente codigo





donde dice AQUI URL DE TU IMAGEN... coloca el link de la imagen a mostrar -_-

RECUERDA darle a vista previa antes de guardar!




Nos deveria de quedar asi

Modificar el lugar de la imagen flotante a gusto

Para modificar el lugar donde quieren este la imagen simplemente modifiquen los pixeles (px)
en este ejemplo tiene 0px osea, ke estara en toda la esquina. pero ustedes pueden editarlos agusto

los pixeles en este caso, sera la distancia que tendran de algun margen, ya sea derecho (right) izquierdo (left) inferior (bottom) o superior (top)
el texto ingresado dice. bottom:0px;rigth:0px; RECUERDA SIEMPRE SEPARAR CON EL PUNTO Y COMA.

bueno traducido al español quiere decir. pegado al margen inferior o sin separacion de el e igualmente pegado al margen derecho. pero pueden modificarlo a gusto. si lo quieren en la esquina superior enves de la inferior por ejemplo. seria :

top:0px;rigth:0px; y pueden editar los pixeles para acomodar la imagen en el angulo que quieran.

simplemente apliquen los pixeles y los margenes como los ejes de coordenadas X,Y,-X,-Y y listo pero en este caso seria *rigth, top, left, bottom*

recuerden solo se puede aplicar un eje horizontal *Rigth - Left* y uno vertical *Top - Bottom*
al mismo tiempo. luego del eje colocan dos puntos ¨ : ¨ luego el valor numerico de pixeles seguidos por la terminacion ¨px¨ y finalisar con un punto y coma ¨;¨ AMBOS ejes van pegados. viene siendo como la coordenada de la imagen. ok listo

Les recomiendo el ir ajustando el tamaño de la imagen al gusto. no todos tienen los mismos requerimientos, pero mi preferido es 150 x 112 y para el host.

Este es el mejor en mi opinion http://www.imageshack.us/ y posee ademas funcion de reduccion de imagen