Hoje vamos aprender como colocar uma imagem bonitinha como fundo da sidebar, que nem eu coloquei aqui:
É bem simples, mas só funciona no modelo Viagem do blogger, pois nos outros, o plano de fundo pega toda a parte dos posts junto.
Vamos lá, primeiro abra seu blogger, vá em Design > Editar HTML
Se quiser por fundo na barra lateral esquerda, procure por:
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
E se quiser por fundo na barra lateral direita procure por:
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
Depois de achar o trecho correspondente a sidebar, apaque essa parte do código:
Cole no lugar do código apagado, logo depois de “background”, esse código:
url(LINK DA IMAGEM) repeat;
E coloque o link da imagem desejada onde se pede. Visualize se ficou bom e salve!
DICAUse imagens do tipo pattern (que se encaixam quando postas lado a lado), como desenhos simples e claros pra não dificultar a leitura do seu blog.
Adorei o tutorial, não imaginava que era tão "simples" fazer isso.
ResponderExcluirwww.profanofeminino.com
Oi Liah *-*
ResponderExcluirTem sorteio rolando lá no blog, dá uma conferida e participe :D
http://paradiisegirls.com
Beijos
Adorei o tutorial!
ResponderExcluirAmeeei o novo design,
Também mudei , olha lá?
Um Beijo!
http://blogbombaastic.blogspot.com
Onw, brigada mesmo Liah, você é um amor de pessoa ♥ Nos, quando eu entro no seu blog, eu passo horas olhando o designer, tãao lindo *---------* Ah, adoreei esse tudo. Nha, estou te seguindo no twitter @choocoberry ;) Bye ♥
ResponderExcluir@Raah ♔ De nada sweet! Aaaah *_* q bom que gostou, obrigada! Vou seguir devolta hihi
ResponderExcluirOwn ! Que lindo eu acabei de renovar o layout , mais pro proximo já sei que tuto eu vou usar amei!
ResponderExcluirAdorei o toturial, fica com um final bem giro ^^
ResponderExcluirBeijo
@CandyGirllNM Obrigada flor! Acho um máximo vcs portugueses falando giro rs
ResponderExcluir[aaaaaaaaaaaaaaaaaaaaaaaaaaa]
ResponderExcluirQUE LINDO !
Meeeeeeul Deuls (hahaha)
Obrigada pelos parabéns! Aqui ta lindoo!
Ensina como colocar essa "nuvenzinha" no body? u.u
BEIJO DIVA HAHA
www.fanaticospornoticia.tk
Omg! #Amei o tutorial,fica mais fácil com a sua ajuda Liah! Eu não sabia como fazer mais agora já sei .. (sério?) rsrs Vou colocar no meu =3
ResponderExcluirPS> Seu novo layout está super kawaii, combina muito com você, continue assim @blogsucesso!
Beijokas,
bonequinhadeluxo10.blogspot.com
@Tay Que bom q te ajudei *_*
ResponderExcluiraaaah obrigada! Isso que dizer que eu sou Kawai tb? >< rs #meachei
@Tay Ah, já viu que vc é a top commenter? ;D Obg pelos seus comentários!
ResponderExcluirque legal esse tuto,eu coloquei no meu mas daí alterei (NÃO SEI COMO) e mostrou só uma parte mas eu amei!
ResponderExcluirretribui?
http://innocenceteen.blogspot.com/2011/04/cursores.html
Ameii o template,
ResponderExcluiradoro a katy perry.
Este blog e lindo..
Visita?
http://biacereja.blogspot.com/
Adoreii ! Poxa, seu blog já está na minha pag. de creditos, de tanto que me ajuda *-*
ResponderExcluirEu queria perguntar só como se faz para colocar um calendario como o seu ali .. pode ajudar ? Se poder eu agradeço ! Beijos e parabens pelo blog perfã *-*
http://fashiongirlmania.blogspot.com/
Oii, eu queria pedir um tutorial explicando como se bota plano de fundo na barra lateral vertical. Mas olha, meu modelo não é viagem ok?
ResponderExcluirBjuxx
Seu blog está em meus favoritos *-*
ResponderExcluirO Croffy Shane está de cara nova! Dá sua opinião? ^^ Beijos!
http://croffyshane.blogspot.com/
amei o tutorial.
ResponderExcluirvc poderia fazer um tutorial de como colocar o menu (as paginas) do blog em cima do cabeçalho?
procuro um tutorial que ensina isso faz muito tempo. e agora q vi q no seu blog o menu é em cima do cabeçalho tenho esperança de q vc me ensinea fazer.
obg. bj
http://cutecircuit.blogspot.com/
Ta muito lindo aqui, adorei o tuto mais qual modelo você usa? responda lá no blog? beijos
ResponderExcluirhttp://material-extra.blogspot.com
Adorei o tutorial! =)
ResponderExcluirhttp://blahblahblahpop.blogspot.com
Mimimi, eu não acho nenhum dos códigos!
ResponderExcluirLiah, eu tentei mais não deu, e eu acho que é devido as bordas arredondadas.
ResponderExcluirLiah o codigo :
ResponderExcluir.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
e
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {Nao pegam porque???Me ajuda?
Liah,não consigo encontrar o código!!!
ResponderExcluirpor favor me ajudaaaaaaaaaaaaaaaa
amei o tuto , muito fácil né ? oO
ResponderExcluirLiiaaaah, pf me ajuda, nao achei nenhum desses codigosssss!
ResponderExcluirLiaaaaaaaah, me ajudaa, pf! Nao achei nenhum dos codigos!
ResponderExcluirOpa, foi o comment 2 vzs.
ResponderExcluirna imagem como vc coloou essa cereginha em cima utrapassando o siberbar??
ResponderExcluirperfeito, *-*
ResponderExcluirflor no meu não deu certo
ResponderExcluirnão achei os códigos :(
ResponderExcluirAqui é claro que não é a Liah , mas deve ser imagem png ;)
ResponderExcluirnão achei os codigos ;/
ResponderExcluiré que tem que selecionar expandir widgets ;)
ResponderExcluirLiah,não consigo encontrar nenhum dos códigos!!!
ResponderExcluirAjuda :D
cherry-miint.blogspot.com
liah, como coloca igual você colocou "postado por Liah" e um beijinho do lado??
ResponderExcluirAmeeeeeei esse tuto!! http://blah-teen.blogspot.com.br/
ResponderExcluirEsse tuto foi util no meu blog
ResponderExcluirBeijos
jademarlla.tk
Oi,
ResponderExcluirtudo bem espero que sim, gostei muito do seu blog,
me segui sigo de volta Beijos .
http://gaabiefelix.blogspot.com.br/
Muito Obrigada.
OOi Lindinha!
ResponderExcluirAmeiii O Blog!
Muito lindoooo!
Heim,foi vc que fez o lay do seu blog?
Aceita encomenda?
responde lá no meu blog!
só não estou seguindo pq meu blogger está com problemas ):
bjbj
Déboora||Young World
não consigoooooooooo!!!!!!!!!!, ah outra coisa, dá pra tirar fundo branco das imagens no photoscapre? não me diz q é só jogá-la num gundo transparente e salvar como png pq já fiz e não deu certo...
ResponderExcluirpode me responder por comentário lá no blog?
http://facebook.com/brogandome/
http://brogandome.blogspot.com/
http://saorimonroecobain.tumblr.com
@carolposeidon
Ótimo tuto! Créditos eternos lá no meu blog OIEPOWQIE-
ResponderExcluirKisses
space-sweet-girl.blogspot.com.br
Olá!Tuto ótimo, mais eu não acho patterns em lugar nenhum poderia me dar uma dica de site... algo que tenha?Obrigado!
ResponderExcluirAmei o tutoriaal foi tão simples eu nem imaginava.
ResponderExcluirhttp://mundootomee.blogspot.com.br/
Não achei onde coloca o link da foto, me ajuda? :(
ResponderExcluirMe ajudou bastante. Estava quebrando muito a minha cabeça com isso. Obrigado :D
ResponderExcluirOlá como é que voce pos os news?
ResponderExcluirhttp://pipocas-kawaii.blogspot.pt/
ResponderExcluirMas qual tamanho precisa ser a imagem que quero colocar na barra lateral???
ResponderExcluiradorei o tutorial.. obrigada (:
ResponderExcluirAdorei o tutorial...
ResponderExcluirDa uma passadinha no meu blog http://blogkentrenosnf.blogspot.com.br/ <3