Noções de HTML: Postagens

Quero agradecer ao blog LDB por ter divulgado o FT pela primeira vez ao ter divulgado um blog em post e última, estou honrada e quero agradecer e elogiar, porque o blog é incrível. Visitem lá! Obrigada á minha bebê @JustinPrideFC. Beijinhos, @SmileTheAvril. :)

Vários blogs famosos tem vários tutoriais, e os leitores adoram algumas dicas que não acham em todo lugar. Códigos grandes, pequenos, tudo. Mas para você disponibilizar tags e tutoriais, terá de ser aberto a dúvidas e críticas. "Não achei o código no meu html!" "A tag não funcionou!" "Exclui mais do que deveria sem querer, me ajuda?!" Essas frases são as mais comuns. Você não pode dizer "Vai lá em tal blog perguntar que eu peguei de lá!", é a mesma coisa que dizer "Lá é mais legal!". Então vamos entender mais sobre html?!  

As tags mais comuns:

Existem algumas tags e existem em todos os layouts. Estas quais, são utilizadas em quase todos os tutoriais de personalização. Tais quais são: 

]]></b:skin>

</body>

etc. 

Efeitos: 

Efeito hover - é nada mais, nada menos, um efeito quando o mouse passa por cima de um link ou palavra. Um exemplo são os links aqui mesmo no FT. 

Tutoriais com efeitos hover: 

Borda hover nas imagens 

Mudar o cursor com efeito hover nos links

Sublinhado, negrito e itálico hover 

Efeito de opacidade - é o efeito de que a imagem fica "mais clara" com uma tonalidade menor. 

Localizações básicas: 
h3 é o título do post. Para personalizar essa parte do seu layout, deve procurar por /*Posts. Para personalizar o título, se procura por h3.post-title a {. Depois que você clica no título do post, o código se referindo á depois que você clica, é h3.post-title {.  Para colocar uma borda em baixo do título, como aqui no FT, adicione a tag abaixo em baixo de qualquer um dos códigos acima destacados de verde:

border-bottom: 1px dotted #XXX;

ATENÇÃO: O seu layout pode ser diferente. Se o seu título dos posts do seu blog já forem personalizados, talvez o código esteja diferente. 

Tutoriais: 

Fundo das postagens Folha de caderno

Mini gif antes do postado por

Destacar primeira letra do post

Post Footer por fora da área de postagem

3D no título do post

Créditos: Kawaii World