Oi meus moranguinhos com chocolate! Como vão? Se divertindo bastante nessas férias? Espero que sim ^^
Então, hoje vim ensinar como colocar o cabeçalho mais pra cima, tipo assim:
(Clique para visualizar melhor) Esse tutorial quem me passou foi a diva da Emily, do Extras PF por comentário há uns meses atrás, então créditos a ela! |
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>Acima dele, cole o seguinte código:
<div style="margin-top:-50px;">
E altere o valor (50px) até ficar grudado lá no topo (ou o quanto você quiser é claro).
Agora acrescente </div> depois de </b:section>. Ficando assim:
<div style="margin-top:-50px;">
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Go Imagine (Cabeçalho)' type='Header'/>
</b:section></div>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Go Imagine (Cabeçalho)' type='Header'/>
</b:section></div>
PS: O meu está com o título do meu blog (Go Imagine), o seu estará com o nome do seu blog ok?
Anny não achei o código!
Calma, 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='Go Imagine (Cabeçalho)' type='Header'/>
</b:section>
<b:widget id='Header1' locked='false' title='Go Imagine (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='Go Imagine (Cabeçalho)' type='Header'/>
</b:section></div>
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Go Imagine (Cabeçalho)' type='Header'/>
</b:section></div>
Por hoje era só isso mesmo, espero que tenham gostado e que consigam fazer!
Quero me desculpas pela demora pra postar e responder os comentários, tá todo mundo de férias aqui em casa então agora tenho que dividir o notebook com mais 3 pessoas, então fica difícil postar. Mas vou tentar postar mais seguido, não só um por semana né :/
E talvez logo logo cheguem algumas novidades aqui no blog, acho que vocês vão gostar! Kisses amores :*
Sorteio de um layout rolando no blog Adolenário, pra concorrer clique aqui.
Primeira a comentar, uhu!
ResponderExcluirvih-rockgirls.blgospot.com
Oii! faz um tuto de como você colocou o seu titulo dos gagdes assim? bj!
ResponderExcluirah! e o blockquote ^-^
vih-rockgirls.blogspot.com
adoreei seu blog Anny, as postagens são demais. já estou seguindo.
ResponderExcluirps: o post das sardas me ajudou muito, pois eu tenho essas benditas! rs.
Beijos.
girlsgarotasonline.blogspot.com
Adorei o tutorial, mas acho que não estou precisando disso para meu layout, mas vou usar em uma encomenda, hehe! ótimooo, parabéns!!!!
ResponderExcluirSobre o tutorial do menu deslizante eu vou postar sim, só que vai ser na semana que vem, tá? Beijos, se cuida!
http://queloucura-blog.blogspot.com
Muito bom o Tutorial. Estava precisando mesmo.
ResponderExcluirPost Novo Comentaa? Rosa Chiclete
Beijos Anny.
muito bom o tuto, deixei de usar um banner porque ele não ficava coladinho u_u agora vou colocar hiihih *-*
ResponderExcluirvou preparar o tuto Anny :) bjbj
deboramoraiss.blogspot.com
Oi meu anjo, seu blog é lindo hahaha Vou te colocar no "blogroll", pq não tenho elite de afiliados e quero afiliar ehehehhe, tudo bem para ti? :) Já te coloquei lá!
ResponderExcluirhttp://senhoritaliberdade.blogspot.com/
Pode ser na blogroll, enfim, onde for melhor para você.
ResponderExcluirAdorei o blog , muito perfeito *--*
ResponderExcluirJaa to seguindo .. Se puder visitaa lá :
http://cherrygirl-s2.blogspot.com/
Beeijoos :*
Ei, amei o seu blog e o tutorial. Se puder dar uma olhadinha no meu. Estou seguindo. Bjoo
ResponderExcluirhttp://clove-cinnamon.blogspot.com/
Obrigada pela divulgação flor ^^
ResponderExcluirFaz um tutorial para cabeçalho transparente ? :)
ResponderExcluirOMG ! eu amei esse tuto, vivia procurando mas nunca achava ! Obrigada *-* Amei seu blog é perfeito, estou seguindo. Beijinhos
ResponderExcluirhttp://blog-upside-down.blogspot.com/
Linkei querida ;D
ResponderExcluirhttp://ladonerdl.blogspot.com/
Muito bacana esse tutorial, obrigada pela dica!
ResponderExcluirBeijo e ótima semana pra vc
Just Carol
nn precisa mais ;) Bjk! Amando os tutos!
ResponderExcluirQueria saber mesmo como era,pois alguns de meus cabeçalhos pareciar flutuar e ficava muito feio...Obrigada pela dica,viu?
ResponderExcluirBjs!
www.larissamerlo.blogspot.com
Amei a dica e o blog!!
ResponderExcluirBeijos!
www.alinestar.com
Olá meu nome é Luan e meu blog está convidando o seu para participar de um concurso,espero que voce participe!Bjs
ResponderExcluirwww.fofocasda-web.blogspot.com
Obvio q eu aceito parceria!!
ResponderExcluirObrigado pelo feliz aniversario!!
Ja botei seu banner la no meu blog...
bjs,
Ge
www.blogdasbff-geenic.blogspot.com
Anny, sabe a fonte em degradê que você me explicou, fiz um tuto lá no blog, mas já tá creditado :) Bjss
ResponderExcluirCherry Sweet
Oii, adorei aqui *--* Tou seguindo já :D
ResponderExcluirUm beijo,
www.seradolescenteblog.blogspot.com
kkkk eu vi os posts antigos daqui rs mais eu adoro ver esses tipos de post. La no Trechy Teen as vezes eu acho uns bem antigos. Pena que eu apaguei todos os meus porque é bem engraçado ver essas mudanças ^^
ResponderExcluirbeijinhos
Dona Anny, era esse o tutorial que eu estava procurando há tempos! Poxa, muito obrigada <3
ResponderExcluirBeijos, onthefame.tk
Não creio que achei este tutorial! Tambem estava procurando a tempos!
ResponderExcluirVou usar *o*
Obrigada meesmo por postar!
http://garotasederivados.blogspot.com/
Gente, deu certo *o*
ResponderExcluiramei&amei *--*
http://garotasederivados.blogspot.com/
amei! meu cabeçalho ficou bem melhor agora!http://sonhos-na-adolescencia.blogspot.com/
ResponderExcluirPronto linda, te linkei, seu banner ta na ag. parceiros! Beijooo
ResponderExcluirObrigada, também acho a cachorrinha muuito fofa
ResponderExcluirNão consegui... Não achei o código . O meu modelo é viagem.
ResponderExcluircdiasblog.blogspot.com
Hey valeu pela dica!!! essa funcionou hahaha beijoos
ResponderExcluirhttp://abouteverything-cm.blogspot.com/
Muito bom o Tutorial. Estava precisando mesmo.
ResponderExcluirPost Novo Comentaa?
- Visite meu Blog: http://gah-principe-hype.blogspot.com/
Eu fiz o tutorial todinho nao tive nenhum problema pra encontrar os codigos, mas so que fica dando erro na hora de visualizar
ResponderExcluirTa rolando no Perfeitinha o sorteio de um dominio .com corre e participa http://www.perfeitinhablog.com/
Amei demais o tuto, aliás todos são muito bons!
ResponderExcluirVisitem meu blog, está no começo!
http://cappuccinoeaconta.blogspot.com.br/♥
Amei o tuto muito obrigada!!!! Eu estou fazendo o layout do blog por isso preciso de muitos tutoriais >.< Já to seguindo!!
ResponderExcluirhttp://blog-papo-de-menina.blogspot.com.br/
Tutorial excelente, acredita que faz muuuito tempo que eu procurava um tutorial desse?
ResponderExcluirBeijinho =)
Me ajudou mmmmmmmmmmmmmmmmmt ><
ResponderExcluiramei, Obrigado.
http://www.inadolescencia.com/
Oh God, seu blog é lindo. Seus tutoriais são muito úteis, eu juro que procurei esse tutorial aqui pelo mundo inteiro, e achei que meu problema não tinha solução. Muito obrigada mesmo, Alana! Já estou seguindo ^^
ResponderExcluira dias que estava tentado fazer essa alteração, e vcs mim ajudarão com esse problema, agradeço TauaInfo.com
ResponderExcluirflor, tem um erro no código. Ele é assim: as aspas seriam ' e antes do último > falta uma / No meu eu concertei.
ResponderExcluirFoi util!
ResponderExcluirObrigada!
obrigado...foi super útil o tutorial.
ResponderExcluirhttp://wackodesigns.blogspot.com/
Muito obrigada! Com esse código consegui colocar o banner mais pro lado e mais pra cima!!!!!!
ResponderExcluirMe ajudou mto!! OBG!!!!
ResponderExcluirlikearocklikearoll.blogspot.com
Meu deus, aqui foi o único lugar em que achei como fazer isso. Todos os outros sites estão desatualizados, e as dicas só servem para o modelo antigo do Blogger. Você poderia, por gentileza, me ajudar em algo? Estou completamente desesperada! Como faço para para expandir o cabeçalho/imagem do cabeçalho? Mas sem ficar apenas dentro dos conformes da página. Quero que fique exatamente com o seu. Em termos mais rasgados, ''totalmente para os dois lados'', ainda que a postagem fique no meio. Quero que ocupe a página inteira, para os lados, entende? Não sei muito bem como explicar, mas talvez você entenda. De qualquer forma, obrigada, e agradeço desde já.
ResponderExcluirOi linda, tem o tutorial na página goodies, dá uma olhada lá. Se chama "Cabeçalho em toda largura do blog", ou algo assim haha
ExcluirObrigada me ajudo muiito,quqeria que vc fizesse uma tutocomo trocar aquele bezinho que fica la em cima ´por uma imagem tipo no seu que ta um "Gi"
ResponderExcluirajudou muito mesmo
ResponderExcluirhttp://rebelde-amamos.blogspot.com.br/
Adorei,funcionou perfeitamente no blog da minha amiga
ResponderExcluirOlá gosto muito do seu blog, por acaso você tem algum tutorial como fazer essa faixas colorida de comentários? e como fazer para deixar essa faixa a cima dos seguidores e marcadores? não encontro nenhum tutorial como fazer, por favor dar para ensinar caso não tenha? obrigada fico aguardar sua resposta sucesso beijo.
ResponderExcluirOi adorei,entrem no meu blog e seguem por favor sonho 100 seguidoras lindas http://diariodeumapatricinhaaaaa.blogspot.com.br/
ResponderExcluirConsegui, nas primeiras tentativas eu havia falhado...porém eu arrisquei mais algumas vezes e finalmente consegui. Ainda tenho mais uns 30 tutoriais desse blog pra ver :3
ResponderExcluirFlor adorei o TUTO mas gostaria de saber como faço pra colocar aqueles widgets de slide com postagem recente no cabeçalho do blog?
ResponderExcluirperfeito *-*
ResponderExcluirObrigada ><
Cara, baixei um layout pronto pro meu blog e decidi dar uma personalizada. Tá, até ai td blz até que eu fui tentar mexer no HTML, lógico que com ajuda. Ia pegar uns goodies daqui do blog, códigos de HTML essas coisas, quando apertei F3 e digitei o código na barra de pesquisa, não consegui encontrar nada! Ai tentei outros códigos, mas não deu certo! Ficou td do mesmo jeito! O que eu faço?
ResponderExcluirOi eu A-M-E-I seu blog ele é.....maravilhoso e usei o o tutorial de como fazer um layout sweet rocker(que ficou lindo) e ainda esse,nossa com a ajuda do seu blog vc tá mudando vidas de pessoas que sem saber NADA sobre blog com vc aprende TUDO!
ResponderExcluirCara, você me ajudou muito no meu novo blog, e meu lay *o* Obrigada mesmo, continue assim. Kissus !
ResponderExcluirObrigada pela ajuda, aquele espaçinho estava mesmo me incomodando, beijos♥
ResponderExcluirOlá querida!
ResponderExcluirObrigada pelo tuto! Consegui aplicar no meu blog!
Beijos
www.justbia.com.br
também deu super certo! Obrigada!! http://ideiadela.blogspot.com.br/
ResponderExcluir