Antes de começares as edições no html do blog, deves primeiro deves fazer o teu banner (de preferência da largura da tua área de postagens; e da altura que quiseres).
Depois de teres o banner feito, vamos supor que a largura dele é de 500px e a altura é de 200px.
Primeiro, temos de descer a tua área de postagens 200px, visto que a altura que definimos para o banner foi de 200px. Para fazeres isso segue o tutorial abaixo.
No painel, vai a design → editar html → aperta F3 e procura pela seguinte tag:
<center><a href='/'><img src='LINK_DO_BANNER' style='margin-top: -500px; margin-bottom: -200px;'/></a></center>
Mais uma vez, terás de alterar as medidas que estão no código, de acordo com as medidas do teu banner.
Pronto *-*, espero que tenhas entendido, caso contrário, manda uma ask (na aba: pergunta).
.main-inner .column-center-outer {Depois de encontrares a tag acima, cola abaixo dela o seguinte código:
margin-top: 200px;O valor a negrito, será o valor da ALTURA do teu banner. Depois do passo acima feito, procura pela tag seguinte:
<div class='columns fauxcolumns'>E abaixo dela, cola o seguinte código.
<center><a href='/'><img src='LINK_DO_BANNER' style='margin-top: -500px; margin-bottom: -200px;'/></a></center>
Mais uma vez, terás de alterar as medidas que estão no código, de acordo com as medidas do teu banner.
Pronto *-*, espero que tenhas entendido, caso contrário, manda uma ask (na aba: pergunta).
Este tutorial foi feito por mim, não reblogues.
0 Comentários