Colocando imagem de " voltar ao topo " no blog

Colocando imagem de " voltar ao topo " no blog

Yo Yo *-*
Hino-Chan decidiu postar alguns tutorias para vocês de coisinhas que ela sabe fazer e que deixam o seu blog mais bonito ! Vamos lá (:

Hoje eu vou ensinar como colocar uma imagem de " Voltar ao topo " ... Se você ainda não sabe o que é isto, basta olhar para a tortinha com sorvete ali do lado direito do blog ~>  Viram ?

Fica bem fofinho e ajuda os leitores a voltarem ao começo da página ( geralmente onde se localiza o menu ).

Então, chega de conversa e vamos começar !

  1 º Passo :

Vá até o painel de controle do seu blog e escolha a opção "Layout" . Em seguida clique para adicionar um novo gadget de HTML e cole o seguinte código :

<div style="position:fixed; bottom:0px; right:0px;"> <a href="#"><img src="Endereço da imagem aqui" border="0" /></a></div>

  2º Passo:

Agora você irá substituir onde está escrito Endereço da imagem aqui pela url da imagem que você escolheu. Salve as alterações e visualize o seu blog (:

  Imagens que você pode usar :

Hino-Chan fez algumas imagens que você pode usar ! Espero que gostem ^^

 

A pedido da Letícia-Chan, aqui estão algumas imagens da Mio Akiyama, a minha personagem favorita de K- ON *-*

Aqui estão alguns da Momone Momo, feitos a pedido da Manda-Chan (*o*)/

Não esqueçam que podem usar qualquer um, ok ? ^^

Vocês podem usar as imagens de voltar ao topo, tanto na direita quanto na esquerda de seu blog... O código que está lá em cima é o que deixa a sua imagem no " RIGHT" (direita) e o que colocarei aqui abaixo, será o "LEFT" (esquerda).

<div style="position:fixed; bottom:0px; left:0px;"> <a href="#"><img src="Endereço da imagem aqui" border="0" /></a></div>

Manda-Chan ♥

Alguns da Turma da Mônica Jovem, pedidos pela leitora Luyana Ferreira ♥

Akira-Chan ♥

Códgo e imagens que encontrei no blog :

http://hino-chan.blogspot.com.br 

Visite o blog muita coisa bonitinha para seu blog.

site para gerar  a url da imagem ;

www.tinypic.com

Código para colocar imagem e layout em blogspot

<style type="text/css">body {background-image:url("Coloque aqui o url da imagem"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http"></a></div><br /><br /><br /> <br /> <br /> <br />

Dicas da Criativa

Este post   eu  postei para guardá-lo.Peguei no http://www. flogvip.net/soucriativa

.:: Bordas das Laterais ::.

Bom pessoal, pra vcs colocarem um plano de fundo com foto nas laterais do seu flog, basta vc apagar uma pequena parte do css, confira o exemplo:

html, body {

border-top: 5px solid #ffffff;

background-attachment: scroll;

background: #F7F5F4 url("=") repeat;}

Aí, essa parte escrita html, body {

vc apaga a vírgula e o body; permanece a chave com apenas um espaço para separar o html da mesma. Depois de vc ja ter escrito html { vc coloca esse código abaixo da linha já registrada:

background: #SUACOR url("OURLDASUAIMAGEM");-moz-border-radius: 0px;}Agora

 

 é só seguir as instruções de cima, onde tem escrito "sua cor" vc coloca a cor q vc quer em forma de código (isto é p/ ser a cor do fundo das laterais; não se preocupe pois se vc coloca o url, é este que vai aparecer). E na parte que tem escrito "o url da sua imagem" vc coloca o código da figura q vc deseja. Vc pode incorporar o código em qualquer página da internet q disponibiliza isso, o google é um bom exemplo, vc coloca lá o q vc quer pesquisar, vai em imagens, clika na imagem desejada, clika com o botão esquerdo em cima da foto desejada e clika em

"Copiar o URL da Imagem" aí depois vc cola esse url no lugar indicado. APROVEITE! visite o flog da criativa e  tire suas duvidas.

 código para colocar image de topo.
Hospede uma imagem de sua preferença no site:
www.tinypic.com
Depois copie o link( Direct Link for Layouts)  e cole onde está ecrito link da imagem,
Antes de tudo isto vá em adicionar gadget,ehtml/javascript e cole o código.Depois o  link da imagem.
Salvar e pronto.Não importa o lado  que o código fica.
A imagem vai ficar paradinha no canto do rodapé do seu blog.
Espero ter explicado de um modo menos complicado.
BOA SORTE.
BEIJOS>>>>>



<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="LINK DA IMAGEM" border="0" /></a></div>
Este código pertence ao blog :http://ericagirlfashion.blogspot.com.br

CÓDIGO PAR COLOCAR FUNDO NO SEU BLOG

Pegando carona na dica anterior, posto aqui o código para colocar fundo em seu blog, fácil, fácil...


Vá até "Elementos de página", e abra um HTML/Javascript. Cole lá o código e insira o endereço da imagem. Salve e pronto.


Para a imagem se repetir:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22 AQUI O ENDEREÇO DA IMAGEM %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 %22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Para a imagem não se repetir, o código é este:

<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B background-image %3A%20url%28%22 AQUI O ENDEREÇO DA IMAGEM %22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20 background-attachment %3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cdiv%20id%3D%22tag%22%20 style%3D%22position%3Aabsolute %3B%20left%3A0px%3B%20top%3A30px%3B%20z-index%3A50%3B%20 width%3A150px%3B%20height%3A45px%3B%22%3E%0A%3Ca%20href%3D%22 %22%20border%3D%220%22/ %3E%0A%3C/a%3E%3C/div%3E%20"));</script>

Este código você encontra no blog:

http://templateseacessorios.blogspot.com.br

Neste blog voce encontra tudo para seu blog.