Olá amores, ontem como prometido trouxe um tutorial.. faz muuito um tempo desde o nosso último, não é mesmo? Por isso voltei com um tutorial muito importante, pois ele retira este espaço que tem entre o topo do blog e o cabeçalho (onde se localiza a navbar).
E ai ? Você gostou do resultado? Quer aprender?
1. Vá no seu HTML Procure (Ctrl+F ou F3) por :
(Clique para visualizar melhor) |
1. Vá no seu HTML Procure (Ctrl+F ou F3) por :
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
2. Acima dele, cole o seguinte código:
<div style="margin-top:-50px;">
Altere o valor de -50px para o valor que preferir, lembrando que quanto maior o número menor é o espaço até ficar grudado lá no topo (ou o quanto você quiser é claro).
3. E por fim procure por </b:section> e acima dele acrescente </div> Ficando assim:
<div style="margin-top:-50px;"> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='false' title='Seu blog (Cabeçalho)' type='Header'/></b:section></div>
PS: O meu não estava com o título do meu blog (The Things Girls), então o seu poderá esta ok?
<div style="margin-top:-50px;"> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='false' title='Seu blog (Cabeçalho)' type='Header'/></b:section></div>
PS: O meu não estava com o título do meu blog (The Things Girls), então o seu poderá esta ok?
Pode ser que no seu código esteja um pouquinho diferente. Veja se acha esse aqui:
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'><b:widget id='Header1' locked='false' title='Nome do Seu blog (Cabeçalho)' type='Header'/></b:section>
Se achar é só colocar acima dele:
<div style="margin-top:-50px;">
E acrescentar </div> depois de </b:section>. Ficando assim:
<div style="margin-top:-50px;">
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Seu blog (Cabeçalho)' type='Header'/>
</b:section></div>
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Seu blog (Cabeçalho)' type='Header'/>
</b:section></div>
Visualize e se estiver tudo certo, salve. por hoje era só isso mesmo, espero que tenham gostado e que consigam fazer! Qualquer dúvida, comente, responderei ao visualizar!
E eu estou pensando em mudar o layout de novo, vou começar a fazer-lo amanhã talvez, acho que vocês vão gostar!
E eu estou pensando em mudar o layout de novo, vou começar a fazer-lo amanhã talvez, acho que vocês vão gostar!
Créditos: ♥
Kisses
Lúuh
Oi Lú! Amei o tutorial,muito útil! Beijos e obrigada C:
ResponderExcluirgarotachique-official.blogspot.com.br/
Oi Máh,
ExcluirAw, que bom! ele é bem útil mesmo :3
Uso esse tutorial em todos os lays que faço e fica lindo! Além de ser muito útil e fácil, deixa muito mais bonito! *w*
ResponderExcluirBjo, Sel ;*
Jovens Gordinhas
Unicórnio com Bigode
Nerd Descolada
Eu também! Acho mega importante, pois retira o "ar de iniciante do layouts" né?
ExcluirVerdade Sel!
Olá flor :DD
ResponderExcluirmuito bom o tuto, eles sempre são muito úteis,por exemplo o meu caso que o blog é meio novo e eu n entendo muito de html..e tutos como esse me ajudaram infinitamente! *--* rs
xoxo'
http://candy-l4nd.blogspot.com.br/
Oi,
ExcluirObrigada! srsr - aos poucos você vai aprendendo! É fácil e divertido!
Oii Luisa, adorei o tutorial!
ResponderExcluirAcho bastante útil. Seguindo, segue o meu também?! Beijo!
garotapersonalizada.blogspot.com.br
Que bom Anne!
ExcluirEu também, sigo de volta sim :3
Eu acho esse tutorial muito legal, dependendo do cabeçalho fica muito bonito.
ResponderExcluirSeguindo, segue de volta?
the-paradiise.blogspot.com.br/
Verdade, se for usado corretamente, fica muito lindo u.u
ExcluirSigo sim Leandro..
amei!o tutorial e´bom pra não ficar com aqueles brushes partidos sabe,da impressão feia..ensina como deixar uma parte colorida no titulo do post,como fez nesse? *0*
ResponderExcluirhttp://liemarieoficial.blogspot.com.br/
Que bom que gostou, fico feliz!
ExcluirJá postei esse tuto flor, aqui :3
http://coisasdemeninas-lu.blogspot.com/2013/03/aviso-tutorial-titulo-do-post-colorido.html
Espero ter ajudado!
Tutorial básico e necessário u3u adorei.
ResponderExcluirMe desculpe por ficar ausente flor, eu comecei a estudar para o vestibular então meus horários são contadinhos, tenho só uma hora por dia pra cuidar do meu blog. Desculpe, prometo tentar estar mais presente :/
Beijos~
www.black-cherry.net
Verdade, adoro ele!
ExcluirAwn, nada flor, todos nós temos vidas, não quero ficar ti cobrando nada, se não puder não precisa comentar :D
Assim como eu também, não sei se poderei comentar 2/3 vezes na semana..
Super útil esse tuto, nunca falta em meus layouts! ;)
ResponderExcluir[Adolescente Nerd // Um ano de Blog!]
Verdade, amo usa-lo!
Excluiradorei o tuto, muito útil! seguindo!!
ResponderExcluirBeijos: littleclumsyprincess.blogspot.com
Que bom, obrigada, vou retribui :3
ExcluirEste comentário foi removido pelo autor.
ResponderExcluiramei muito esse tutorial e eu uso ele kkk
ResponderExcluiré querida desculpa em te incomodar mas voce não colocou meu blog na elite de afiliados e eu já te coloquei voce poderia me colocar?
grata!
beijos :)
http://detudoumpoucoofficial.blogspot.com.br
Que bom, eu também..
ExcluirAwn, desculpe, ontem faltou luz e não pude ligar só a noite..
Nem vi isso, já resolvi!
Eu amo esse tuto, é muito util! Uso ele sempre!
ResponderExcluirDá uma passadinha?
cupcakelland.tk
Adoro ele também, passo sim!
ExcluirMuito legal esse tuto, aquele espaço fica muito feito :/
ResponderExcluir------------------
www.cherryboomb.com
Obrigada, fica mesmo :3
Excluir