Bom, pelo titulo acho que não deu pra entender muito bem... mas tão vendo aquele "Follow Us" perto do cabeçalho? Então, vamos ensinar como fazer aquilo. ( É isso que está circulado de verde ok?!)
1- Vá até Design, Elementos de Página, adicione um Gadget HTML/JavaScript e cole:
<div style="position: fixed; top:260px; left: 150px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=839978704907814473" target="_blank" rel="nofollow" title="tutoriaisattitudeincluded.blogspot.com" imageanchor="1" style="margin-right: 1em;"><img src="http://i53.tinypic.com/1689yl1.png" border="0" /></a></div>
Altere no que está de rosa, o local que você quer a sua imagem, ou seja, quando você alterar o que está em 260, você vai estar colocando sua imagem para cima, ou para baixo e o que está em 150 você estará colocando para esquerda ou para a direita.
Altere o que está em vermelho para o link da sua imagem. Para isso você deverá hospeda-la, recomendo o TinyPic.
No que está de azul, você deverá alterar o ID do seu blog. Vou explicar:
Vá até Design, e sabe a URL desta página? Você deverá pegar parte dele.. A imagem explica!
Este é o ID daqui do blog, portanto no seu blog serão outros números!
Bom, e após copiar o seu ID, substitua o que está em azul lá no código do seu Gadget por ele!
2- Após você ter feito todas as alterações do código, salve e vá alterando o que está em rosa até ficar do jeito que você quer.
Bom, este tutorial é bem simples, porém muito útil! Espero que vocês tenham gostado. Caso use, dê os créditos ok? Beijo.
5 comentários:
amei
Estava procurando por algo parecido *-*
Vou usá-lo no meu blog, ok? :D
Tutorial muito útil *---*
Usando no meu Blog ;D
Não acredito, rsrs, quer dizer acredito era isso que estava procurando obrigadoooooooooooooooo!!! Valeu mesmo :)
como coloca essas suas setas de navegação dos postes. entre mais recente mais antigo adorei elas!