quinta-feira, 28 de abril de 2011

Como colocar barrinha divisória no blog.

Hooy!
Gente, hoje eu estava vasculhando o blog da minha prima (Vivi - cutie-teens.blogspot.com) e cliquei em 'Tutoriais'. Eu estava querendo melhorar o Lah Lah Land. Bom, então eu vi que o blog está sofrendo com perda de posts e tal. Então eu cliquei em "como colocar barrinha divisória entre os posts" ou coisa parecida.
Então... Tinha sumido! Eu resolvi pesquisar na internet (Google) e encontrei... Então resolvi postar pra vocês como se faz, espero que gostem, não sei se sei explicar direito, mas vamos tentar! (°-°)
Créditos pela imagem: Chocobeerry.

Se você reparar bem, tem uma barrinha divisória aqui também!
Clique na imagem para deixá-la maior.
Para ver o resto da postagem + o tutorial, clique em 'Continue lendo'.
Agora chega de enrolar e vamos direto ao Tutorial.
1° Escolha sua barrinha divisória. Eu recomendo umas daquelas fininhas e tal. Você pode fazer a sua própria divisória, basta fazer no paint ou sei lá e depois é só hospedar em algum site de hospedagem grátis. Eu uso o Tinypic (link), mas você pode usar qualquer um. Ou então, cadastre sua imagem no Picasa, que é só você postar a imagem da barrinha e depois pegar o url da imagem.  
Bom, eu separei algumas pra vocês escolherem, peguei todas do Trechy Teen. Veja: 










Essa é a que eu uso, super fofa.. Pra combinar com o cursor e o favicon!


Gostou de alguma? Escolheu? Então vamos para a próxima etapa. 
2°: Vá em: DesignEditar HTML e marque  "Expandir modelos de widget". 
Depois tecle CTRL+F e na caixinha de pesquisa que aparecer, pesquise por: 
<b:include data='post' name='post'/>
e então a tag ficará destacada. Então em baixo da tag destacada de laranja cole isso: 
<center><img src="URL DA IMAGEM"/></center>
e substitua onde está de vermelho pela url da sua imagem. 
observe como deverá ficar:

Uma dica: Em "center" você pode substituir por: left (esquerda) ou right (direita) para sua barrinha mudar de lugar, de acordo com sua preferência. Então, o código fica assim:
<left><img src="URL da imagem"/></left> - Esse seria o código para a barrinha ficar na esquerda. Observem que eu só modifiquei onde estava "center". 
Bom espero que tenham gostado do post!

 Outras divisórias:





















Até a próxima! Beijos!



Nenhum comentário:

Postar um comentário