Créditos: ♥ e ♥- Gente, eu acho que vou fazer o novo lay do blog voltando ao tema antigo, com desenhos e coloridinho, mas aí no próximo vocês escolhem o tema e tal, ok? Comentem falando o que acham! Ah, e visitem o meu blog de encomendas aqui!
Tudo bem com vocês? Espero que sim. Hoje tem mais (ainda mais) tutorial pedido pelo ask. Dessa vez foi o de colocar slide no cabeçalho, igual o daqui do blog.
Aí trouxe dois tutoriais diferentes ensinando a colocar gadgets (não só slide) no cabeçalho do seu blog, pra dar um efeito mais profissional e interativo. Aqui tem um print de como é aqui no blog, onde
Vá no seu blog em Modelo> Editar HTML> tecle Ctrl+F e procure por:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
Aí é só você trocar o maxwidgets='1' por '2' ou mais e o no por yes. Depois procure por:
Header1' locked='true'
E troque true por false. Agora vamos á última parte. Procure por:
<div class='header-outer'>
Apague e troque por:
<div class='header-outer'>
<div id='header-left' style='width:50%; float: left; margin:0; '>
<b:section class='header-left' id='header-left' preferred='yes' style='float:left;'/>
</div>
<div id='header-right' style='width:50%; float: right; margin:0; '>
<b:section class='header-right' id='header-right' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
Aí é só você mudar de acordo com as suas preferências o tamanho das colunas (os 50% em negrito do código), podendo ser, por exemplo, 70% e 30%, ou 10% e 90% (caso vá colocar o slide igual o daqui do blog).
clique na imagem para aumentar
E agora vamos ao 2º tutorial, o de como colocar objeto flutuante! Não vou negar que esse é bem mais fácil, mas eu gosto de ambos e os uso. Bem, é só você criar um gadget de HTML/Javascript e colar nele o seguinte código:<div style="position: absolute; margin-top: -100px; left: -200px;">CÓDIGO DO OBJETO</div>E arrumar o que tem pra arrumar. A margin-top você pode diminuir (faz com que o seu gadget desca) ou aumentar (faz com que o seu gadget suba). E a left você pode, também, diminuir (faz com que fique mais pra direita) ou aumentar (faz com que fique mais pra esquerda). E, obviamente, trocar "CÓDIGO DO OBJETO" pelo código do objeto.
Ah, e só uma coisa: o código do slide Orbit não funciona quando você está usando o tutorial de dois backgrounds no blog, então #ficaadica de usar outro slide.
Post completo por Piink Cookie. Todos os direitos reservados. Copyright 2012. Plágio é crime.
É isso. Beijinhos com glitter :*
Super legal esse tutorial, vou fazer no meu próximo layout. Já salvei o link kkkk.
ResponderExcluirUm beijão ;3
coffemilia.blogspot.com ♥
Bom que gostou, Emília!
ExcluirAmei o tutorial, estava procurando ele a um tempo atrás, pra colocar no layout, mas nunca achei;
ResponderExcluirXoxo ~
Garotek.blogspot.com.br
Bom que gostou, Naay :3
Excluirolha paula, eu curto esse lay e curto o outro coloridinho tb . tá com você sçlaçls
ResponderExcluiradorei o tutorial!
bjks
Aaah, ~indecisão~ >3<
ExcluirBom que gostou!
Esse tutorial é muito útil mesmo, eu já usei, só que em alguns lays que eu faço não dá certo :3
ResponderExcluirÉ, acaba dependendo muito do código D:
ExcluirAi é muito útil, ultimamente eu tava procurando esse tuto! gostei, vou por nos favoritos aqui! haha
ResponderExcluirÓtimo post em!
http://tissue-sweet.blogspot.com.br/
Beijo da Mari! :)
Bom que gostou :D
ExcluirOkok!
Bem útil esse tutorial!' .. :)
ResponderExcluirAmei demais o blog .. s2'
Chocolate Love (Cliica No Perfiil) s2'
Bom que gostou, Lassy! Brigada *u*
ExcluirEu acho muito fofo! E o bom dele também, é que não carrega a barra lateral, fica lindo e charmoso!
ResponderExcluirAmei o tuto!
Kisses!
sundaede-glitter.blogspot.com
Super concordo :D
ExcluirAdorei o tutorial o bom e que funcionou!
ResponderExcluirBeijuuu!
http://blog-garotas-imperfeitas.blogspot.com/
Muito obrigada amor, ajudou muito ! beijoos.
ResponderExcluirDisponha >3<
ExcluirAdorei o tuto!O resultado fica bem legal mesmo.Acho que vou usar.
ResponderExcluircorderosa.tk
Bom que gostou, Jelly :3
ExcluirOlá. obrigada pelo tutorial eu estava precisando vou fazer uma imensa reforma em meu mundinho(blog) rs .. amei o blog tá ?
ResponderExcluirbjs :* chuva-de-brigadeiro.blogspot.com
Disponha fofa! Aaah, brigada :3
ExcluirBelo Tuto Flor
ResponderExcluirAmei seu Blog, desejo sucessos
Que ele cresça cada vez mais
Seguindo também
Beijos
miilecharmedemeniina.blogspot.com
Brigada fofa :D
ExcluirOkok, muito obrigada!
Amei o tutorial,está ajudando muito no meu próximo lay!
ResponderExcluirHttp://ChilliLovers123.blogspot.com.br/
Aah, que bom Leeh ^^
ExcluirIsso é mt legal, adorei!
ResponderExcluirBjos!
http://amonailart.blogspot.com.br/
Bom que gostou :3
Excluirlindo, lindo o blog de vcs, amei a dica *0* NHAC
ResponderExcluirto seguindo e curtindo o blog!!
Beeijinhooss, e otima semana
http://delicadinhah.blogspot.com.br/
Bom que gostou, flor! Muito obrigada >3<
ExcluirAmei, esse tutorial nunca funciona quando eu coloco , vou testar esse, deve funcionar, kk ,adorei fica perfeito o resultado
ResponderExcluirCliquesnocapricho.blogspot.com
Aaah, okok! Bom que gostou ^^
ExcluirAmei a tuto , seu blog é lindo >.<
ResponderExcluirmundodasgarotasforever.blogspot.com.br/
Bom que gostou, flor! Brigada >3<
ExcluirHihi* Estou ansiosa para o próximo layout, sou apaixonada por layouts coloridos. ♥
ResponderExcluirOMG' PERFEITO! Ano que vem irei usar slide e outros gadgets para por no cabeçalho, esse tuto é super útil! ^-^
Aaah, okok *u*
ExcluirBom que gostou, Buuh! Aaah, agora estou ansiosa pro lay do ano que vem, ahsuashua >3<
Muito legal esse tuto, fica lindo o cabeçalho :)
ResponderExcluir~ xoxo, Bruna.
Garota da Lua // Official
acho show saber mexer no html mas eu nem me arrisco :D
ResponderExcluirMuito obrigada por comentar no meu blog! Estou te seguindo desde já! Se ainda não segues meu blog e canal no Youtube, peço que sigas por favor!
Ah e sempre que atualizar seu blog me avise!
Beeeijooos e ótima semana!
re-becah. blogspot.com.br (JUNTAR O LINK)
www.youtube. com/user/blogdareh/featured (JUNTAR O LINK)
Disponha, flor :3
ExcluirBeijos, pra você também! ^^
Ah, eu também acho que está faltando uma corzinha a mais aqui em! u_u
ResponderExcluirUHSAHUASUHSUHSHUAHUSAUH Adorei o tutorial como sempre, aposto que vai ser útil para muitas pessoas :]
http://rascunhosdasuuka.com/
Concordo! aasuashuashuashuas >3<
ExcluirBom que gostou, Suka *---*
Nossa Paulinha, tutoriais ÓTIMOS! Não mexo com Blogger mas você faz uns tutoriais bem diferentes e informativos <3
ResponderExcluirGata, passei aqui também para dizer que tem post novinho no blog *-*
Beijos!
sugar-dance.org ♥
Ooown, brigada *u*
ExcluirYay, post novo! *-------*
Que bom que gostou! Thanks ;)
ResponderExcluirAmei seu blog, seguindo!
Kissus
GB
Disponha! Muito obrigada ^^
ExcluirSuper legal o tuto ^^
ResponderExcluirBeijos
Amora Ruffles
Bom que gostou, flor!
ExcluirTutu perfeito!!! Esse lay é lindo e o colorido tbm!!
ResponderExcluirTem post novo no blog.
Beijos
http://umaxicaradeleite.blogspot.com
Bom que gostou, flor! Okok ^^
ExcluirAmei o tuto! Deixa o deign do blog super profissional, haha.
ResponderExcluirBeijinhos!
http://chovendo--sonhos.blogspot.com.br/
Bom que gostou! Concordo ^^
Excluireu tava procurando o segundo tuto a décadas *le exagerada* eu so achava o tuto em q tinha q excluir o gadget pra poder por o gadget no cabeçalho esse tuto e muito bom e ajuda bastante!!! Favoritei u.ú
ResponderExcluirBjs, bjs ;*
jaguarsedictions.blogspot.com
Aaah, que bom flor *---*
ExcluirAcho bem simples e fácil esse tutorial, mas você de qualquer forma ajudou todo mundo, adorei demais
ResponderExcluirSweet Teen
Bom que gostou, Tamara ^^
ExcluirOi *-*
ResponderExcluirFais,um tempão que venho tentando fazer,esse tutorial mais nunca consigo ,shushausa ,me ajude ! LOL ~~
Duuly.blogspot.com
Okok ><
ExcluirAdorei o tutorial!
ResponderExcluirBeijinhus flor!
Eu também acho que tava faltando uma corzinha por aqui. hahaha'
ResponderExcluirEu já conhecia esse tutorial, inclusive ele já funciona no meu HTML.
E ele além de útil, ajuda o layout ficar mais fofo. ♥
- xoxo -
Aaah, que legal flor ^^
Excluirbastante útil, obg!
ResponderExcluirseguindo, se quiser e puder, volte?
Aos Dezesseis Anos - aosdezesseisanos.blogspot.com.br
Seja bem vinda do meu blog.
Disponha flor!
ExcluirRetribuo sim ^^
gente mega util esse tutorial viu *--*
ResponderExcluirBom que gostou, Alice *u*
ExcluirSuper útil,com certeza irei usar no meu novo layout!Obrigada pelos elogios no meu blog,o seu está lindo e com um conteúdo inovador!Parabéns.
ResponderExcluirRawr...Morangos Revoltados
Oown, brigada fofa *u*
ExcluirObrigada fofa ^^
ResponderExcluirQuerida,eu fiz o segundo modo,mas o fundo branco dos gagdets continua!O que eu faço?Responde no meu blog,to desesperada!
ResponderExcluircherrygo.blogspot.com
Okok, vou ir lá tentar te ajudar!
ExcluirÉ bem legal ^^
ResponderExcluirmas da onde eu tiro o codigo p cola ali???????
ResponderExcluirFiz tudo normal, mas fica ou o gadget em branco, ou um espaço enorme entre o cabeçalho e a parte das postagens :c Me ajuda ? t.t
ResponderExcluirAaah, qual o modelo do seu blog? Esse aí funciona no Travel. E também pode ser algum outro código css, ou o código que você está tentando colocar, que só pode ser algum editado. Se puder me informar essas coisas eu posso tentar te ajudar :D
ExcluirMuito legal!! Adorei!!
ResponderExcluirEspecialmente o gliter nos beijinhos!! Vlw pela super dica!! (ou mehor tuto completo kk)
Amei muito bom esse tuto proximo layout vou usar
ResponderExcluirA-M-E-I Muitíssimo obrigada , seu blog é perfeito. <3
ResponderExcluir