" How To Add Picture to Background."
To add a Picture to the background of your blog...............
Step 1. FIRST create a free account at Googlepages (http://pages.google.com) to host your image/picture. In the Page Manager go to bottom frame of sidebar and click on Upload. Browse to your file on PC and click Open to upload it to your Google Page Account. At the present they offer 100 MB free disk space. Right click on the uploaded file and choose Copy Link Location. This copies the URL of the picture you have uploaded.
Step 2. Login to the Dashboard. Click on Layout under name of blog you want to add picture to. Click on Edit Html tab next to Page Elements tab. This opens the Edit Template page.
Step 3. First backup your whole template using methods described in How to Change Template.
Step 4. Then scroll down in Edit Template text box till you come to :
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
This is part of the code CSS (Cascading Style Sheet) described in Parts of the Template. This describes the whole background of your blog. To add an image here you have to add the following code before the '}' at the end :
background-image:url(WEB URL OF YOUR PICTURE );
background-repeat:no-repeat;
background-position:120% 10%;
background-attachment: scroll;
SO THAT IT LOOKS LIKE THIS :
body {
background:$bgcolor;
background-image:url(WEB URL OF YOUR PICTURE);
background-repeat:no-repeat;
background-position:120% 10%;
background-attachment: scroll;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Instead of "WEB URL OF YOUR PICTURE" copy paste the URL of your picture at Google Pages from Step 1. The third line describes the position of the image. The first figure (120%) controls horizontal placement. The second, vertical (10%). Negative percentages will move the image up or to the left, in relation to the containing element. The repeat attribute controls tiling. If instead of 'no-repeat' you add 'repeat-x' itwill tile horizontally and 'repeat-y' will tile it vertically. The scroll attribute means your picture moves along with the textwhen you scroll up or down. If you want the picture to remain fixed while your text scrolls past it or over it when you use it as a background then change 'scroll' to 'fixed'
Save Template. Refresh Cache. View blog.
TO MAKE A CLICKABLE IMAGE BACKGROUND ON YOUR BLOG
First locate the image and upload it to a free hosting account like Google Pages. Copy the URL of your image and keep.
Then create a division to hold the image on your web page. This is done by pasting the following code in your CSS :
#imageholder {
float:right;
}
This positions the image in the upper right hand corner of your blog.
The Clickable Image is rendered by pasting the following code after the <body> tags :
<div id="imageholder">
<P><A title="TITLE OF YOUR BLOG" href="URL OF YOUR BLOG"><IMG border="0" src="GOOGLEPAGES URL OF IMAGE" alt="ALT. TITLE FOR TEXT BROWSERS AND SEARCH ENGINES" ></A></P>
</div>
In HTML the <img> tag has no end tag.
In XHTML the <img> tag must be properly closed.
Save Template
Step 1. FIRST create a free account at Googlepages (http://pages.google.com) to host your image/picture. In the Page Manager go to bottom frame of sidebar and click on Upload. Browse to your file on PC and click Open to upload it to your Google Page Account. At the present they offer 100 MB free disk space. Right click on the uploaded file and choose Copy Link Location. This copies the URL of the picture you have uploaded.
Step 2. Login to the Dashboard. Click on Layout under name of blog you want to add picture to. Click on Edit Html tab next to Page Elements tab. This opens the Edit Template page.
Step 3. First backup your whole template using methods described in How to Change Template.
FOR SAFE BLOGGING. Use Download full template link in edit Html subtab of Template tab.
Step 4. Then scroll down in Edit Template text box till you come to :
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
This is part of the code CSS (Cascading Style Sheet) described in Parts of the Template. This describes the whole background of your blog. To add an image here you have to add the following code before the '}' at the end :
background-image:url(WEB URL OF YOUR PICTURE );
background-repeat:no-repeat;
background-position:120% 10%;
background-attachment: scroll;
SO THAT IT LOOKS LIKE THIS :
body {
background:$bgcolor;
background-image:url(WEB URL OF YOUR PICTURE);
background-repeat:no-repeat;
background-position:120% 10%;
background-attachment: scroll;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Instead of "WEB URL OF YOUR PICTURE" copy paste the URL of your picture at Google Pages from Step 1. The third line describes the position of the image. The first figure (120%) controls horizontal placement. The second, vertical (10%). Negative percentages will move the image up or to the left, in relation to the containing element. The repeat attribute controls tiling. If instead of 'no-repeat' you add 'repeat-x' itwill tile horizontally and 'repeat-y' will tile it vertically. The scroll attribute means your picture moves along with the textwhen you scroll up or down. If you want the picture to remain fixed while your text scrolls past it or over it when you use it as a background then change 'scroll' to 'fixed'
Save Template. Refresh Cache. View blog.
TO MAKE A CLICKABLE IMAGE BACKGROUND ON YOUR BLOG
First locate the image and upload it to a free hosting account like Google Pages. Copy the URL of your image and keep.
Then create a division to hold the image on your web page. This is done by pasting the following code in your CSS :
#imageholder {
float:right;
}
This positions the image in the upper right hand corner of your blog.
The Clickable Image is rendered by pasting the following code after the <body> tags :
<div id="imageholder">
<P><A title="TITLE OF YOUR BLOG" href="URL OF YOUR BLOG"><IMG border="0" src="GOOGLEPAGES URL OF IMAGE" alt="ALT. TITLE FOR TEXT BROWSERS AND SEARCH ENGINES" ></A></P>
</div>
In HTML the <img> tag has no end tag.
In XHTML the <img> tag must be properly closed.
Save Template
Read more: http://www.blogdoctor.me/2006/11/how-to-add-picture-to-background.html#ixzz1A91mcTjM
http://www.blogdoctor.me/2006/11/how-to-add-picture-to-background.html
TRADUZIDO
Como adicionar a imagem de fundo.
Para adicionar uma imagem ao fundo do seu blog ...............
Passo 1. Primeiro, crie uma conta gratuita no GooglePages (http://pages.google.com) para hospedar a sua imagem / foto. No Gerenciador de página ir para o quadro inferior da barra lateral e clique em Enviar. Navegue até o arquivo no PC e clique em Abrir para carregá-lo para o seu Google Page Conta. No momento eles oferecem 100 MB de espaço livre em disco. Botão direito do mouse sobre o arquivo carregado e escolha Copy Link Location. Isso copia o URL da imagem que você enviou.
Etapa 2. Entrar para o Dashboard. Clique em Layout em nome do blog que deseja adicionar a imagem. Clique na guia Editar HTML ao lado de guia Elementos da página. Isso abre a página Editar Modelo.
Etapa 3. primeiro backup seu modelo inteiro usando os métodos descritos no Como alterar o modelo.
Etapa 4. Em seguida, role a caixa Editar texto modelo até chegar a:
body {
background: $ bgcolor;
margin: 0;
color: $ textcolor;
font: x-small Geórgia Serif;
font-size / */:/**/ * pequeno;
font-size: / ** / pequeno;
text-align: center;
}
Esta é a parte do código CSS (Cascading Style Sheet), descritos na As peças do modelo. Este artigo descreve o contexto em seu blog. Para adicionar uma imagem aqui você tem que adicionar o seguinte código antes do "}" no final:
background-image: url (WEB URL de sua imagem);
background-repeat: no-repeat;
background-position: 120% a 10%;
background-attachment: scroll;
PARA QUE É parecido com isto:
body {
background: $ bgcolor;
background-image: url (WEB URL de sua imagem);
background-repeat: no-repeat;
background-position: 120% a 10%;
background-attachment: scroll;
margin: 0;
color: $ textcolor;
font: x-small Geórgia Serif;
font-size / */:/**/ * pequeno;
font-size: / ** / pequeno;
text-align: center;
}
Em vez de "Web URL de seu quadro" copiar e colar a URL da sua imagem no Google Pages a partir do Passo 1. A terceira linha descreve a posição da imagem. O primeiro valor (120%) controla a posição horizontal. A segunda, vertical (10%). percentagens negativas para mudarem a imagem para cima ou para a esquerda, em relação ao elemento que contém. O atributo repeat controla ladrilhos. Se em vez de "no-repeat 'você adiciona' repeat-x 'da telha itwill horizontal e' repeat-y 'se repete na vertical. O pergaminho atributo significa que sua imagem se move com o textwhen se desloca para cima ou para baixo. Se você deseja que a imagem permaneça fixa enquanto o texto rola passado, ou sobre ele quando você o usa como pano de fundo, em seguida, mudar 'scroll' para 'fixo'
Salvar modelo. Atualizar o cache. Exibir blog.
Fazer um fundo de imagem clicável NO SEU BLOG
Primeiro localize a imagem e faça o upload para uma conta de hospedagem gratuita como o Google Pages. Copie a URL da sua imagem e manter.
Em seguida, criar uma divisão para armazenar a imagem em seu web Página. Isso é feito colando o seguinte código em seu CSS:
# {AlvoFoto
float: right;
}
Isto posiciona a imagem no canto superior direito do seu blog.
A imagem clicável é processado colando o código a seguir após o <body>:
id="imageholder"> <div
<P> Title="TITLE DE SUA BLOG" href="URL DO SEU BLOG"> fronteira IMG <= "0" src = "GooglePages URL da imagem" alt = "ALT. TÍTULO DE TEXTO navegadores e PESQUISA MOTORES"> </ A> </ P
</ Div>
Em HTML o <img> tag não tem tag final.
Em XHTML o <img> marca deve ser bem fechada.
Salvar modelo
Passo 1. Primeiro, crie uma conta gratuita no GooglePages (http://pages.google.com) para hospedar a sua imagem / foto. No Gerenciador de página ir para o quadro inferior da barra lateral e clique em Enviar. Navegue até o arquivo no PC e clique em Abrir para carregá-lo para o seu Google Page Conta. No momento eles oferecem 100 MB de espaço livre em disco. Botão direito do mouse sobre o arquivo carregado e escolha Copy Link Location. Isso copia o URL da imagem que você enviou.
Etapa 2. Entrar para o Dashboard. Clique em Layout em nome do blog que deseja adicionar a imagem. Clique na guia Editar HTML ao lado de guia Elementos da página. Isso abre a página Editar Modelo.
Etapa 3. primeiro backup seu modelo inteiro usando os métodos descritos no Como alterar o modelo.
SAFE para blogs. Use Download link modelo completo em editar Html sub-seção de guia Modelo.
Etapa 4. Em seguida, role a caixa Editar texto modelo até chegar a:
body {
background: $ bgcolor;
margin: 0;
color: $ textcolor;
font: x-small Geórgia Serif;
font-size / */:/**/ * pequeno;
font-size: / ** / pequeno;
text-align: center;
}
Esta é a parte do código CSS (Cascading Style Sheet), descritos na As peças do modelo. Este artigo descreve o contexto em seu blog. Para adicionar uma imagem aqui você tem que adicionar o seguinte código antes do "}" no final:
background-image: url (WEB URL de sua imagem);
background-repeat: no-repeat;
background-position: 120% a 10%;
background-attachment: scroll;
PARA QUE É parecido com isto:
body {
background: $ bgcolor;
background-image: url (WEB URL de sua imagem);
background-repeat: no-repeat;
background-position: 120% a 10%;
background-attachment: scroll;
margin: 0;
color: $ textcolor;
font: x-small Geórgia Serif;
font-size / */:/**/ * pequeno;
font-size: / ** / pequeno;
text-align: center;
}
Em vez de "Web URL de seu quadro" copiar e colar a URL da sua imagem no Google Pages a partir do Passo 1. A terceira linha descreve a posição da imagem. O primeiro valor (120%) controla a posição horizontal. A segunda, vertical (10%). percentagens negativas para mudarem a imagem para cima ou para a esquerda, em relação ao elemento que contém. O atributo repeat controla ladrilhos. Se em vez de "no-repeat 'você adiciona' repeat-x 'da telha itwill horizontal e' repeat-y 'se repete na vertical. O pergaminho atributo significa que sua imagem se move com o textwhen se desloca para cima ou para baixo. Se você deseja que a imagem permaneça fixa enquanto o texto rola passado, ou sobre ele quando você o usa como pano de fundo, em seguida, mudar 'scroll' para 'fixo'
Salvar modelo. Atualizar o cache. Exibir blog.
Fazer um fundo de imagem clicável NO SEU BLOG
Primeiro localize a imagem e faça o upload para uma conta de hospedagem gratuita como o Google Pages. Copie a URL da sua imagem e manter.
Em seguida, criar uma divisão para armazenar a imagem em seu web Página. Isso é feito colando o seguinte código em seu CSS:
# {AlvoFoto
float: right;
}
Isto posiciona a imagem no canto superior direito do seu blog.
A imagem clicável é processado colando o código a seguir após o <body>:
id="imageholder"> <div
<P> Title="TITLE DE SUA BLOG" href="URL DO SEU BLOG"> fronteira IMG <= "0" src = "GooglePages URL da imagem" alt = "ALT. TÍTULO DE TEXTO navegadores e PESQUISA MOTORES"> </ A> </ P
</ Div>
Em HTML o <img> tag não tem tag final.
Em XHTML o <img> marca deve ser bem fechada.
Salvar modelo
Read more: http://www.blogdoctor.me/2006/11/how-to-add-picture-to-background.html#ixzz1A90sFvs0
Postagens
