08/12/2013

Tutorial: Imagem em cima da Sidebar + Estreia de O Trio dos Azarados

Oii blacks *-*
Hoje eu tava na casa dos meus cinco primos e lá tinha um rio, fiquei o dia inteiro lá, por isso demorei para postar, mas eu tô aqui, e é isso que importa! Amanhã é segunda... =( Tudo de novo, mas em fim, é minha última semana, minha escola só vai até dia 12/12 e depois... Fériass, fériass, na Rihappy... kkkkkkkkk. Isso se eu não pegar recuperação.

Bem, queridas, vamos falar do tutorial? Eu vou usar no meu próximo layout, e acho que vai ficar legal ;) Fica bem bonito, e fica muito fofinho! Esse tuto eu aprendi no Ladrão de Borboletas, o blog da Jhé. Vamos começar??
Tutorial: Imagem em cima da Sidebar
Pra quem não sabe o que é, aqui uma imagem:
 Créditos pela imagem: Ladrão de Borboletas
A imagem eu peguei do blog da Jhé, espero que não se importe, pois queria mostrar o que era para quem não sabe. Bom, a imagem em cima da sidebar é essa bonequinha fofa.
Agora, vamos ao tuto.
 Lembrando que: Esse tuto é de nível médio e que não mexe com o HTML.
1 -Vá em Layout » Adicionar Gadget » HTML/JavaScript e copie e cole esse código:
<a href="Endereço do Link"><img src="Endereço da Imagem" title="Título" target="blank" /></a>
 Onde tá escrito Endereço do Link você cola o link que quando a pessoa clicar na sua imagem vai até um site, blog ou outra coisa, onde tá escrito Endereço da Imagem você cola o link da imagem desejada, e por último onde tá escrito Título você escreve o que você quer quando a pessoa passar o mouse em cima da imagem aparecer, exemplo: "Welcome to my blog!" Se você não querer título e nem link do site, e quiser colocar apenas a imagem, você coloca esse código ao em vez do outro:
<img src=" Endereço da Imagem" />
2 - Agora, você vai colocar a imagem em cima da sidebar, então cole esse código em baixo do outro código passado na explicação 1:
<div style="position: absolute; margin-top: -100px; left: -200px;">
 Vamos entender o código?
Margin-Top (Subir e descer): Esses números são números negativos, quer dizer, quando você aumentar estará diminuindo e quando você diminuir você estará aumentando. Complicado né? Como isso trava o cérebro de funcionar, vamos a uma explicação mais simples:
Aumente o número para ele descer, e diminua o número para ele subir. Mais fácil né?
Left (Direita e esquerda): Se você diminuir o número a imagem vai pra esquerda, se aumentar vai pra direita.
 E no final do código da explicação 1, cole esse outro código:
</div>
3 - Salve, e veja se tem algo errado e tal, se tiver tudo certo, vai em layout e coloque o gadget em baixo do cabeçalho do blog, feito isso a imagem não vai ficar com um espaço desnecessário.
Dúvidas? Comente!
Créditos pelo tutorial: Ladrão de Borboletas
Como prometido, eu disse quando a nossa antiga fanfic ficasse meio que parada pro ano que vem, eu iria lançar O Trio dos Azarados, vai ser lançada nessa terça e espero que você goste! Essa fanfic é baseada numa história real kkkk mas é verdade! Tipo, o João(o famoso pato) trabalho no laboratório de informática, trabalho em grupo, eu e a Manda2 sempre ficamos no grupo ou no trabalho com o Pato! É impressionante! E ai, eu e a Manda2 se inspiramos nisso e criamos O Trio dos Azarados. Então gente, a fanfic estreia nessa terça!
Foi isso ~
Bjs :-*

Nenhum comentário:

Postar um comentário

Regras:
- Não xingue, faça uma crítica positiva;
- Não faça um comment de divulgação para seu blog. Ex: "Oi que legal, tenho um post bem legal no meu blog olha: linkdamerda.blogspot.com" Não aceito comments desse tipo;
- Não aceito o "segue de volta?";
- Aceito tags;
Xièxiè por perder um pouco do seu tempo lendo isso :3, espero que goste do blog <3.
Bjs♥