Hey, pessoal, tudo bem?
Hoje, vou prosseguir com a segunda aula de codificação de blog... Vamos lá?
Na primeira aula, disponibilizei um código base e dentro deste código base, disponibilizei legendas ao lado de cada parte importante, facilitando muito para quem é iniciante, espero que tenham conseguido utilizar bem o código. <3
Para aqueles que tiverem dúvidas, podem vir perguntar a mim, tanto por e-mail, quanto na c-box, ou comentando aqui nas postagens - que eu acho bem melhor, assim quem tiver dúvidas semelhantes, terá suas perguntas respondidas no mesmo instante. - que irei responder da mesma maneira.
Como o código que disponibilizei pra vocês está limpo, isso quer dizer que ele não tem quaisquer alterações. Eu tirei tudo dele, pois assim, vocês podem acrescentar tudo o que acharem melhor e assim, fica um código base, de vocês, feito/alterado por vocês. Isso é bacana, não é? <3
Hoje, vou ensinar coisas bem simples, mas muito significativas! <3
Bora começar?
▪ ▪ ▪ ▪ ❇ ❇ ❇ ▪ ▪ ▪ ▪
1- Vá em postagem e siga os passos abaixo:
▪ Faça uma nova postagem e nela coloque: Uma imagem, letras em itálico, Negrito, Sublinhada e Tachada. E claro, coloque alguns textos escrito ''TESTE'' algumas vezes sem quaisquer efeitos publique.
▪ Faça isso três vezes seguidas, para ter três (3) postagens no blog para assim, na hora da codificação, você tenha uma boa visualização do blog.
Fez isso? Vamos pra a segunda parte! <3
2- Siga os próximos passos:
▪ CONFIGURAÇÕES
▪ POSTAGENS, COMENTÁRIOS E COMPARTILHAMENTOS.
Achou?
▪ Na área de POSTAGENS, no 'Mostrar no máximo', coloque 2 e salve.
Vai ficar assim:
Clique na imagem para ter uma melhor visualização.
Parte 3? Alguma dúvida? <3
Bom, agora vamos codificar algumas partes do blog! :3
▪ Vá em 'TEMA' .
▪ Editar HTML
▪ Procure por: ]]></b:skin>
▪ ACIMA DO B:SKIN>, COLE O CÓDIGO DO BLOCKQUOTE ESCOLHIDO.
▪ O ']]></b:skin>', é essencial para todos os efeitos que quiser colocar no blog.
Por exemplo, sem ele, por exemplo, você não consegue colocar efeito nas imagens, menu´s adicionais ou editar quaisquer parte ''Extra'' que queira colocar no blog... Ele é muito importante, então, nunca, jamais, apague esse código, ok? :3
❇ ❇ ❇
Vou ensinar a diferentes formas de personalizar seu 'Blockquote', ou como é mais conhecido 'Citação', de suas postagens! <3
.
.
Para quem não sabe quem eu sou, olá, prazer, Blockquote! <3.
▪ BLOCKQUOTE PARA LAYOUTS DARKS
CÓDIGO ( WWW)
▪ Ele vai ter esse efeito tanto na parte da sidebar, quanto na parte de postagem.
▪ Também serve para fazer de Menu. Usar o Blockquote como menu, é muito melhor do que usar realmente um menu. Assim, o seu blog fica com um carregamento mais rápido e não tão pesado! :3
❇ ❇ ❇
▪ BLOCKQUOTE PARA LAYOUTS CLEAN
Código (WWW)
▪ Em postagens, ele fica igual a opção de antes e centralizado.
▪ Serve pra ser menu também, assim como o de cima.
▪ Caso queira o efeito 'clean' igual ao da sidebar, siga os passos:
▪ ▪ ▪ ▪
1- Procure por: .post blockquote {
▪ Quando o código fechas ' } ' logo abaixo do simbolo }, cole este código WWW.
▪ Tem que ficar assim:
❇ ❇ ❇
▪ BLOCKQUOTE PARA LAYOUTS SIMPLES
CÓDIGO (WWW)
▪ Ele segue o mesmo padrão, tanto na postagem, quanto na sidebar.
▪ Serve pra ser menu, assim como os outros
❇ ❇ ❇
▪ BLOCKQUOTE APENAS PARA POSTAGEM
CÓDIGOS (WWW)
▪ Como são apenas efeitos de postagem, quem quiser colocar algum efeito desses na área da sidebar, é só copiar o código, colar logo abaixo do que copiado e substituir esses códigos:
▪ .post blockquote e
substituir por:
▪ .sidebar blockquote {
▪ Agora, caso queira trocar algum efeito da área da postagem, é só apagar os códigos de POST e substituir por esses que disponibilizei, Ok? <3
Bem, por hoje é só.
Dou meus créditos ao blog do Adolescente Nerd e ao blog Sekai Bakawaii.
Obrigada a quem leu até aqui.
Sei que é um tutorial pequeno, mas garanto, fazê-lo, demorou bem mais.
Espero que gostem e até a próxima aula.
Se tiver links quebrados, é só me avisarem! <3
Obrigada pela aula, ajudou bastante <3
ResponderExcluir