Gadgets no topo pela html (atualizado)

Resultado de imagem para capas para twitter
Olá gente, hehe, que frio é esse? Pelo menos onde eu moro ao invés de fazer calor está mais frio que o comum, confesso que estou bastante chateada por isso, sei que o frio tem seus lados positivos, mas o calor é essencial também. Tirando essa questão, do calor e do frio, eu estou muito feliz em voltar a postar aqui, e triste por ver que alguns blogs acabaram. Irei continuar nos mesmo assuntos de antes e com mais postagens por semana. Dessa vez trouxe um tutorial bastante útil, mas difícil de achar um que dê certo, juro para vocês que fiquei horas e horas, procurando um que desse certo e que ficasse do mesmo modo em todos os tipos de computadores, mas nenhum funcionava. Então fiquei mexendo na html e acabei dando meus jeitos, e  para minha surpresa pegou (pulos).

1 Entre no HTML do seu blog (Modelo> editar HTML)
2 Dentro do quadro (Lembre-se, antes de dar ctrl+f certifique-se que clicou realmente dentro do quadro, caso clique fora não vai achar a código)aperte Ctrl+f e procure por ]]></b:skin> 
3 Acima de ]]></bskin> adicione o seguinte código:
.nome {
float: left;
margin-left: -0px;
margin-right: 0px;
margin-top: -0px;
margin-bottom: 0px;
}
Irá ficar desta forma:

Explicando código:
Nome: É responsável pelo nome da sua Gadgets. Não é preciso colocar o nome exato, no meu caso eu usei um de minha preferencia, ai vai da cada um de vocês. É importante lembrar o nome para usar depois. 
Margin-left: Responsavel pelo quanto vai para esquerda
Margin-Right: Responsavel pelo tanto que vai para direita
Margin-top: Responsavel pelo o quanto vai para cima (topo)

Aplicando código:
Quando acabar os passos acima vá até Layout> Adicionar Gadget> HTML/java script (não coloque titulo na gadget)> (Agora é a hora de lembra o nome que você colocou) e adicione o seguinte código:
<div class="NOME">SEU CÓDIGO AQUI</div>

Pronto, agora é só salvar e ajustar o necessário na HTML. Em caso de dúvidas estou a disposição.

2 comentários:

  1. Olá!
    Sou nova aqui :3 E gostei, é tudo tão organizadinho e com cores claras (amo isso ♥)
    Olha, eu n entendo nadinha de html, mas mesmo assim gosto de ver tutos sobre... Sei lá, gosto de ver esses montes de códigos junto, acho bonito *u* (mas como sou míope, se olho demais me da tontura e/ou dor de cabeça ><)
    **Tira minha dúvida, a imagem lá em cima é foto ou desenho? '-'
    Okay, bjss

    Skull Minds
    Twitter
    Tumblr
    Snap: maisaindia

    ResponderExcluir
    Respostas
    1. Ooi! No começo eu era assim shsuhsus, com o tempo tudo melhora e a gente aprende tudinho.
      É uma foto ahhaha, da pra confundir bem né? beijos

      Excluir