Bio Dicas para Blogs

Olá meninas como estão ?

Assim como eu, acho muito importante a troca de informação e passar o conhecimento a frente e como estou sempre em busca de personalizar o meu blog, deixarei sempre dicas para vocês que curtem o blogger.


Quem gosta de personalizar o blog ai vai mais uma dica:
Sabe aquelas bonequinhas ou imagens fofas flutuantes de voltar ao topo ? Aqui vai o código e algumas imagens pra vocês:

Primeiro vamos ao passo-a-passo de como colocar o botão em seu blogger

• Vá em Layout >> Adicionar um Gadget >> HTML JavaScript e cole o código abaixo:

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="LINK DA IMAGEM" 

border="0" /></a></div>

 No lugar onde tem "LINK DA IMAGEM", você vai colocar o link da sua imagem

Eu achei muito legal  o banner do parceiro rolando na barra lateral então aqui vai a dica :

1-Vá em design > elementos de página >Adicionar uma mini aplicação > Html/JavaScrip e...
2-*Copie o código:
<div align="center"><marquee heigth="20" direction="aside" behavior="scroll widht=" width="400" onmouseover="this.stop() " onmouseout="this.start()" scrollamount="5">
<a href="LINK DA EMPRESA AQUI" target="_blank"><img src="URL DA IMAGEM AQUI"
border="0" title="TITULO AQUI" /></a></marquee></div>

O código acima só da lugar a uma imagem rolante com link caso queira mais uma ou várias mais.. acrescente o código: <a href="LINK DA EMPRESA AQUI" target="_blank"><img src="URL DA IMAGEM AQUI" border="0" title="TITULO AQUI" /></a> quantas vezes for necessário sempre antes de: </marquee></div>
que representa o fechamento da tag.

ENTENDENDO:

• heigth="20"  > altura, modifique conforme o tamanho dos seus banners! ou deixe do jeito que esta para que eles fiquem pequenos.
• direction="aside"  > essa parte do código refere-se a posição da imagem, no caso ela esta parar o lado se quer para cima substitua: aside por: up ou top; e assim por diante...
• width="400" > essa parte é referente a largura, ou seja você deve diminuir ou aumentar conforme a largura da sua página. ate que fique certo!
• scrollamount="5" > refere-se a rapidez em que seus banners irão rolar, se aumentar ficará mais rápido se diminuir mais lento...
• border="0" Se quiser por uma borda na imagem.. muda a parte do 0 e coloque 1px; no lugar aumentando conforme seu gosto!