Mostrando las entradas con la etiqueta imagenes de fondo. Mostrar todas las entradas
Mostrando las entradas con la etiqueta imagenes de fondo. Mostrar todas las entradas

sábado, 28 de diciembre de 2013

Como Añadir Imagen de Fondo a Barra del Lado en Blogger

Leave a Comment
Hoy te mostrare en super trucos como añadir una imagen a la barra del lado en Blogger . Este es un sencillo procedimiento  que hara que tu blog luzca estilizado.Cuando añadimos una imagen o un color de fondo en la barra del lado hace que llame la atencion del lector o visitante,seria ademas una oportunidad de añadir una imagen publicitaria y ganar asi dinero.

Es muy sencillo solo sigue estos pasos.

Paso #1 Ve a Blogger selecciona Editar HTML

Entra en panel de blogger >>Plantilla >> Editar HTML .Importante que hagas una copia de seguridad o backup antes de continuar  Una vez estes en  Editar HTML , busca el siguiente codigo:
#sidebar-wrapper {
Nota: Podrias encontrar otras versiones del ID para el Sidebar o barra del lado tales como (#sidbar o #sidebar-right etc)
Ahora una vez hayas encontrado el codigo de CSS de arriba para sidebar, simplemente pega el siguiente codigo debajo de esta.
background-image:url(‘EL URL de Imagen de Fondo‘);
background-repeat: repeat;
background-attachment: scroll;
background-position: right top;}
  Asi una vez añadida, el codigo lucira o se vera asi:
 #sidebar-wrapper {
.algun otro codigo
.
.
background-image:url(‘EL URL de Imagen de Fondo‘);
background-repeat: repeat;
background-attachment: scroll;
background-position: right top;
}
Luego simplemente reemplaza EL URL de Imagen de Fondo con el enlace de la imagen de fondo para la barra del lado. Puedes buscar imagenes de fondo para el sidebar o barra del lado en Google,Yahoo ,etc

Read More

jueves, 18 de abril de 2013

Colaca Una Imagen de Fondo en Tu Blog De Blogger

Leave a Comment

Si te has pensado por un tiempo como poner una imagen de fondo personal a tu blog  les enseñare como colocar una imagen de fondo en nuestro blog de la manera mas facil y rapida

Hay un gran numero de personas que tienen blog de blogger y dejan la opcion de colocar una imagen de su agrado y que sea parte de su blog ,una imagen de fondo en el blog,que identifica el interes personal y a la ves da un toque unico y exclusivo y llamativo a los visitantes de tu blog , en este articulo les demostrare como implementarla a tu blog.

Vamos a ver el super truco de imagen de fondo para tu blog
EL primer paso
Usa una  FOTO o imagen QUE TE agradecuyas medidas sean de 1024 X 728, ademas de buena o excelente resolucion  Y  TENGA MAS DE 500 KB, tal vez la que utilizas en tu pc  PUEDE SERVIR PARA TU blog de BLOGGER.
Segundo Paso:
  Debes subir la foto  o imagen a un   HOSTING, puedes utilizar  IMAGESHACK  
hospedaor imageshak
,
-Ahora subes la foto o imagen  con la opcion de monitor de 19 pulgadas que es la mas usada.
-Cuando termine de subir COPIAS EL LINK que aparece donde dice ENLACE DIRECTO 
 (En algunas  ocasiones es necesario registrarse a imageshack)
-Luego vas al blog de bloggerENTRAS EN LA PESTAÑA  de DISEÑO y das click a GADGET HTML/JAVASCRIP:

diseno en blogger
 INSERTAS ESTE CÓDIGO HTML:

<style type="text/css">body {background-image: url("TU LINK DE IMAGESHACK VA AQUI"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; "></div>
Pones tu DIRECCIÓN DE IMAGESHACK ENTRE LAS COMILLAS, das click a guardar ya estara lista tu imagen de fondo para que tu visitantes de tu blog disfruten.
Puedes utilizar el Hosting de imagenes que desees no tiene que ser imageshack en este ejemplo pues utilice este,bueno disfutalo.

Read More