Elementos dos posts que aparecem
O que é? Observe.
Bom, para realizar isso, você deve ter um conhecimento no mínimo razoável em HTML e CSS. Não se esqueça de apenas alterar o que for solicitado e se houver qualquer tipo de dúvida, tirá-la na ask. Vamos começar!
1) Coloque este código no seu CSS. O que é? Tudo que está entre <style> e </style>.
Entendendo os códigos:
.caixalg
Essa é a class da caixa que irá aparecer nos seus posts. Não precisa mudar, mas caso isso seja feito, mude o que você terá que colocar na etapa seguinte.
width: auto; height: auto;
Isso significa que a altura e o comprimento da caixa, vão mudar automaticamente de acordo com a fonte.
text-align: center, left ou right;
Aí, você deve mudar, e colocar um desses. Center significa que o texto ficará no centro da caixa, left aesquerda e right direita.
 position: absolute; margin-left: 20px;padding: 5px; opacity: 0;
Você não pode mudar nem “position:absolute” e “opacity:0”, isso prejudica sua caixa. “Margin-left:20px” significa a distância da caixinha dos notes terá das dos posts. “Padding:5px” é a distância do que estiver escrito e a borda da caixa.
.CLASS DA CAIXA:hover .caixalg:hover
Isto é o hover da caixa, ou seja, quando ela desaparece. Você não deve mudar nada, ok? Apenas “CLASS DA CAIXA” que você colocará a class de caixas que você usa no seu theme.
2) Depois, coloque este depois de {block:Posts} onde você queira que os notes apareçam. Por exemplo:{block:Text} que vai ser em um texto, e por aí em diante.
Se você quiser saber quais são os códigos para colocar diversos tipos de notes, clique aqui e saiba mais.

Obs.: você pode usar isto no blogger, como eu uso aqui, apenas mude as características que forem do tumblr para as do blogger.

FIM! USOU, CREDITOU!

sábado, 24 de março de 2012 @ 08:47 0 comentários

» «