Sabe aquelas imagens ou pequenos menus q se movem quando vc rola a página pra cima ou pra baixo? Pois então, se vc vê alguma utilidade nisso, descobri como fazê-las. Pode ser interessante quando vc quer que seus visitantes vejam uma mensagem importante ou para dar destaque a alguma parte do seu blog ou mesmo para alguma promoção ou anunciante.
SIGA o @FerramentasBlog agora e mantenha-se mais atualizado!
Quer divulgar seu Blog? Saiba como, AQUI!
É até simples de implementar, veja como…
Não precisa ser apenas imagens, podem ser widgets ou links e até um pequeno menu. Vai de sua criatividade para utilizar o recurso da melhor forma.
Esta é uma dica que serve para dar destaque a algo relevante em seu blog. Para quem não tem muito espaço para as publicidades, tá aí uma ferramenta bem útil.
Lembrando sempre que, se vai fazer alguma modificação no seu modelo, faça um backup para evitar sustos depois.
Siga os seguintes passos:
1. Vá até “Layout” e abra a aba “Editar HTML” e marque “Expandir modelos de widgets”.
2. procure pela seguinte linha: ]]></b:skin>
3. Logo Acima dessa linha cole o seguinte código:
#float_corner {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}
4. O destaque em vermelho é a posição com relação à tela, que pode ser: “left”, “right”, “top”, “buttom”.
5. Agora encontre a linha “<body>” e cole abaixo dela:
<div id="float_corner">
O que quer q flutue na tela…
</div>
Entre essas duas linhas de código, coloque o q vc quiser q flutue na tela. Pode ser uma imagem, um menu, um link ou até publicidades – como já dissemos antes. Cabe a sua criatividade.
6. Salve e veja o resultado.
Faça vários teste e veja como fica.
Outros tutoriais sobre Imagens:
- Colocar legenda em imagens no Blogger – Novo recurso nativo
- Como enviar imagens para o PicasaWeb
- Usando Imagens no Blog Blogger (serve para WordPress também)
Pera ai, como eu faço pra flutuar um widget?
MKaul,
Basta vc ter o código do q vc quer.
Um widget não significa q seja um elemento de página da sua barra lateral. Esses são fixos. Mas existem muitos elementos q vc pode criar em HTML ou encontrar prontos e basta adicionar.
Eu não compriendo como faz pra flutuar um widget q ja tenha ou um novo.
Eu tentei incorporar/teletransportar (ou sei la como se diz) um widget, mas eu não sei como deve ficar…
tentei de tudo q é jeito, chegei abri e fecha uma seção div.
ta dificil de entende pra bota um widget, se fosse um texto ou uma imagem tudo bem.
Ahh!!
Coloca um exemplo de como ficaria qualquer código de widget, assim vai fica mais fácil.
eu digo o codigo inteiro, desde abertura do div…float_corner até o fechamento
MKaul,
O q vc quer fazer não tem jeito mesmo não.
Vc quer colocar um elemento de página (gadget) q está na sua barra lateral (sidebar) para flutuar, mas isso não tem como, pois estes comandos só funcionam lá, atrelados à sidebar.
Mas chamamos de widgets tb outros elementos q servem para a navegação no seu blog. para isso, vc mesmo terá q criar os códigos HTML e incorporá-los.
Marcão, essa imagem flutuante pode ser fechada por quem for ler o blog ou fica lá o tempo todo?
Depende das funções que você colocar…. não sei como fazer, mas deve ser possível…
.
Oiieee, caso eu queria colocar uma imagem para flutuar o que eu tenho que colocar ???
O que quer q flutue na tela… ??
e se eu quissese colocar uma imagem como ficaria ? ( espero que o site ferramentasblog me ajude ! )
Amigo, conforme está indicado no artigo, basta colocar, no lugar do texto em vermelho o que desejar que flutue na tela.
Pode ser uma imagem, um textos…. qualquer coisa.
Recomendamos que faça um backup do seu blog e que faça testes antes de aplicar em seu blog.
Funciona se for com uma barra em .swf pra ficar em baixo (ao estilo wibiya??
Ahh seu blog é nota 10…
Tem colocar algo pra fechar o o anuncio…porque assim ele fica fixo…seria legal se tivesse a opção "Fechar"
se der pra colocar o codigo ai…
muito obrigado
parabéns
Nossa tenho que falar…
Muito obrigado … Ajudou muito .eu procurei muito isso e só achei aqui vlw mesmo … Parabéns