2 de abr. de 2012

Tutorial: Como fazer imagem flutuante "Siga-me"

393965_260802093981557_237728126288954_766266_1329467207_n_large
Hoje eu vou dar uma #Dica super legal! Para todos usarem, reusarem, e adorarem, como eu adorei. Ok, mas eu não usei. De qualquer jeito, o tutorial é bem legal e ficará mais ou menos assim:

Estão prontos!? 
Nível do Tutorial: Super fácil (isto não vai aparecer em todos os posts meus...)



Vá em Layout>Adicionar Gadget>HTML/Javascript
Copie este código:
<div style="position: fixed; top:0px; left: 30px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=XXXXXXX" target="_blank" rel="nofollow" title="Sigueme !" imageanchor="1" style="margin-right: 1em;"><img src="URL DA IMAGEM" border="0" /></a></div>

Agora, vamos personalizar:
XXXXXXX= Este é o ID do blog, para saberé só ir em quase qualquer lugar do seu blog no Blogger que irá ter "ID=???", por exemplo.Coloque o seu ID!
Clique na imagem para ampliar!
URL DA IMAGEM= O url da imagem, ué.
Top= Você quer que fique em cima ou em baixo do blog!? Deve ser colocado em inglês!
Left= Na direita ou na esquerda do blog? Deve ser colocado em inglês!

Fonte: Annys Blog

P.S.:
Qualquer dúvida deixe um comentários! Lembrando que eu já fiz este tutorial, e deu certinho! 
Ah gente, tem uma Mega Promo Aqui. Mas ainda vai ter mais um sorteio, eu só estou enrolando um pouquinho!

Nenhum comentário: