MT: Criando um template #3


Olá paçocas! Que estranho. Trouxe para vocês a #3 parte da Maratona de tutoriais: Como criar um template!!!
Como avisei, na aula de hoje nós vamos retirar o "Assinar: Postagens (Autom)", personalizar mais a estética do blog, como postagens e sidebar.
Vamos lá? 
Vocês devem ter percebido que escrevo "Vamos lá?" por que a resposta seria o "leia mais" que está como "Go!" né?


Nós vamos começar retirando o link chato que fica no final de todos os posts da pagina.


O "Assinar: Postagens (Atom)". É um detalhe pequeno, mas ajuda né? Igual aos links. Eu não retirei do TSD, esqueci de retirar. Agora você vai descer a pagina para conferir né? Mas voltando ao tutorial, eu peguei ele lá no "Mury's World". Igual sempre faço.

Procure por: ]]></b:skin>
Acima da tag, cole:

.feed-links{display:none !important;}

Visualize e pronto! Sumiu!



Agora seguindo com o tutorial, vamos modificar a sidebar. Vou usar os códigos do blog "Querida Loucura".
Se quiser usá-los, também, acesse esse link. Aqui tem mais alguns, caso queria. 
Nos da "Querida Loucura" eu escolhi o primeiro. Mas você, claro, pode escolher outro.
Mas uma modificação!!!
Depois de fechar a tag h2{ você cola um .sidebar h2{ e o código da personalização. Assim:

E adicione um "width: Não_Sei_Quantospx;" Para ajustar o tamanho da imagem. Mude também os números "-5" que aparecem no código.
Agora vamos vamos personalizar as postagens.
Separando as postagens
Jackie Dream

Primeiro procure por .main-inner .column-center-outer {.
Dessa tag até {, apague e no lugar cole:

.post-outer {margin: 3px 8px 15px;background:#fff;padding: 5px 5px;padding: 5px;}
Centralizando titulo das postagens
Miki Candy

Procure por h3.post-title {, abaixo da tag, cole:
 margin-top: 5px;
  text-align: center;
Por hoje foi só.  Se der, hoje de tarde mesmo, posto a #4 para compensar essa pequena.
Beijos. Ana.
OBS: Vou continuar personalizando a estética do blog.

2 comentários:

  1. Que legal flor estava procurando o tutorial de sumi essa assinatura atom kkkk obrigada vou colocar vc nos créditos rsrsr ;)

    1ahistoria.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Obrigada. Apareci na hora certa!

      Excluir