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!

9 comentários :

  1. Adorei a bonequinha linda as ideias Ísis passando pra desejar um ótimo domingo beijos.
    http://www.lucimarestreladamanha.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Oi lucimar, como vc está ?
      Estou sentindo falta dos seus comentários aqui, to triste...bjs

      Excluir
  2. amei as animações, lindas, sucesso Ísis!

    ResponderExcluir
    Respostas
    1. Obrigada flor, tá rolando sorteio aqui no blog, o link está na barra lateral participe...bjs

      Excluir
  3. Amei a bonequinha... adorei seu blog, tudo de mto bom gosto. bjs bjs
    http://crismaria2013.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Seja bem vinda flor...está rolando sorteio o link está na barra lateral do blog...bjs...

      Excluir
  4. oii nao entendi mto bem como coloca ! eu posso pegar imagens da net? (to falando dos negocinhos pra subir

    ResponderExcluir
    Respostas
    1. Pode sim flor, quando vc escolher a imagem, para coloca-la vc vai clicar com o botom direito do mouse e vai clicar em copiar link da imagem e vai colocar no código acima onde está escrito link da imagem, entendeu ? Se não entendeu me add no face que explico melhor https://www.facebook.com/isis.rafaelevitoria


      bjs

      Excluir