Pesquisa personalizada

quinta-feira, 2 de fevereiro de 2012

Como colocar uma faixa em seu blog





Recebi um email perguntando como foi que eu tinha colocado uma faixa, no canto superior direito do blog, na ocasião do aniversário da cidade da São Paulo. Bem, ao invés de responder o email, preferi fazer esse post, assim se mais alguém quiser, fica como fonte de informação.

Faixa no canto superior direito

Há duas maneiras: Colocar apenas a imagem ou colocá-la com um link apontando para uma página ou site/blog.

- Colocar apenas a imagem ou faixa:

<div style="display:scroll;position:fixed;top:0px;right:0px;"><img style="border:0" alt=" " src="ENDEREÇO-DA-IMAGEM" /></a>

- Colocar imagem ou faixa com link:

<a style=display:scroll;position:fixed;top:0px;right:0px; title=" " href="ENDEREÇO-DO-LINK" target="_blank"><img style="border:0;" alt=" " src="ENDEREÇO-DA-IMAGEM" /></a>

Tanto o primeiro quanto o segundo código, coloca a faixa no canto superior direito de seu blog. Se precisar descer na vertical deverá alterar o valor em "top:0px", como fiz no meu blog, coloquei 30px para que a imagem não ficasse por cima da navbar do Blogger (que fica escondida!). Mas como pode ver, ela ficou em cima do menu em azul. Eu deveria ter aumentado esse valor.

E alguém poderia me perguntar porque mantenho a navbar do Blogger... Bem, faz parte da plataforma e é sacanagem removê-la por completo. Vai que o Blogger altere sua política...


Permalink:





Sobre o Autor:
Crazyseawolf Para saber mais sobre o autor deste blog, visite o seu perfil no Google+ ou este link . Para enviar uma mensagem, clique aqui . Para outras informações, leia o FAQ .



0 Comentando aqui :

Postar um comentário

Pessoal, comentem, críticas e elogios serão bem aceitos. E eu respondo, posso demorar mas respondo. Esse velho lobo do mar tarda mas não falha!!!!

Leia antes a minha Política de Comentários.

Se quiser deixar o link de uma postagem sua, utilize o código abaixo trocando o que está escrito em letra maiúscula:

<p><abbr><em><strong>SEU NOME</strong> - último post do blog... <a href="<strong>LINK-DA-POSTAGEM</strong>"><strong>TÍTULO DA POSTAGEM</strong></a></em></abbr><p>

Related Posts with Thumbnails
Google
 
 
Template Denim, criado por Darren Delaye, customizado por Crazyseawolf.