Exemplo abaixo:
1) Vá em design do modelo no seu blogger > avançado > cor de fundo da barra lateral > ajuste em transparente ( caso você deixe alguma cor nesse passo, abaixo da cor dos blocos ficará a cor que você escolheu aqui)
2) Vá em editar html no seu blog, dê ctrl + F e pesquise pela tag: /* Widgets
Você irá encontrar um código parecido com esse:
/* Widgets3) Antes de fechar a chave em vermelho cole o seguinte código: background-color: #fff2cc;
----------------------------------------------- */
.sidebar .widget {
border-bottom: 1px dashed $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0; }
4) Troque o código em amarelo por uma cor em HTML usando essa tabela de cores
Deixando os blocos redondos
Para deixar os blocos da sidebar redondos depois do background-color: #fff2cc; Você deve colocar o seguinte código:
-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/Meu resultado final:
}
/* WidgetsEspero que tenham gostado do tutorial, logo vou trazer o de como personalizar os títulos dos gadgets igual o do fashion scream :) beijos, adoro vocês <3'
----------------------------------------------- */
.sidebar .widget {
border-bottom: 1px dashed $(widget.border.bevel.color);
padding-bottom: 10px;
margin: 10px 0;
background-color: #fff2cc;
-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/
}
Adorei o tutorial! E ainda bem que tu volto, adoro teu blog Luh.
ResponderExcluirAdivinha? Lá no Querido Mundo das Garotas tem uma surpresa para ti flor.
http://querido-mundo-das-garotas.blogspot.com.br/2012/05/blog-do-mes-de-maio.html
Ótimo tuto.Fica lindo!
ResponderExcluirhttp://pepper-of-rock.blogspot.com.br/
Meu deus, com esses tutoriais meu novo layout do meu blog vai ficar lindo *-*
ResponderExcluirbeeijos,
>>> Love Teen
Adorei o tutorial, parece ser fácil.
ResponderExcluirhttp://i-teenbr.net.tc
Nossa que otimo tutorial este aqui!!
ResponderExcluirFlor, adorei conhecer seu bloguito mais que perfeito aqui e agora já estou seguindo.. Se não for encomodar adoraria se seguir o meu também, há se também gostar é claro!
Big bj ;*
http://angelpoubel.blogspot.com.br/
oooi! adorei o tuto, gostaria de saber o modelo usado. bjbj *o*
ResponderExcluirÓtimo tutorial e fica lindo (:
ResponderExcluirSeguindo aqui, viu? Adoraria te ver lá no meu blog. E se gostar não esqueça de seguir ><
Beijos ;*
refugio-teen.blogspot.com.br
Como é que você fez esses títulos de gadget lindos?
ResponderExcluirAmei o novo layout e o tutorial.Nunca pensei que seria tão fácil deixar a sidebar assim >.<
Beijos
http://underland-girl.blogspot.com.br/
Eu acabei de fazer o meu mas na próxima vez eu uso ela!Queria tanto!
ResponderExcluirEu amei o design,muito curte!Já to seguindo!
http://jeitointelect.blogspot.com
hahaha,parabéns pelo tuto <3
ResponderExcluirbeijos
garotamuitotimida.blogspot.com.br
Super válida a dica :)
ResponderExcluirBeijos, ederoerasunhas.blogspot.com
Amei o tuto, vou usar no próximo Layout do blog. Ah, eu queria ser afiliada do Fashion Scream!
ResponderExcluirhttp://sweetbomb-anaa.blogspot.com.br/
Que lindo que ficaaaa *ooooooooooooooooooo*
ResponderExcluirhttp://trethy.blogspot.com.br/
Flor será que vc pode me ajudar ? meu blog ta dando uma especie de virus Malware se você souber como tirar ele me avisa?
ResponderExcluirwww.loove-teen.blogspot.com
Oi luh,tudo bem?como faz este menu no cabeçalho ele é bem legal pq quando passa o mouse a letra muda de cor.
ResponderExcluirPS:PQ O CABEÇALHO NAO É COM ILUSTRAÇÕES SUAS?
BY:LIZA
oi luh to afastada dos comentários mais sempre que posso to por aqui ! queria te pedir ajuda ja vi em alguns blogs a barra lateral tipo embutida no cabeçalho do blog gostaria de sabe como faz me ajuda ?
ResponderExcluirhttp://omundoangels.blogspot.com.br/
Heey flor. Tudo bom?
ResponderExcluirAi, eu amei o teu blog! *-*
Os tutoriais me serviram muito. u.u
Eu estava justamente procurando como personalizar a footer, porque os outros tutoriais que eu achei não derão certo. Mas o seu deu! *--*
Ah, me ensina como tu colocou aquelas barrinhas diwas lá em cima? Beijo no coração ;*
senhorita-insana.blogspot.com
Luuuuuuuuuuuh, você lembra da Thamíris que postava aqui? Agora eu to aqui. :D
ResponderExcluirLuuuuuuuuuuuh, você lembra da Thamíris que postava aqui? Agora eu to aqui. :D
ResponderExcluirhttp://tamienick.blogspot.com/ aqui.
ResponderExcluirnão consegui em qual modelo deve ser feito bjs espro pot tua resposta bjs
ResponderExcluirOtimo tutorial
ResponderExcluirvou usar no meu blog
http://rairaisabelle.blogspot.com.br/
Oi! Sou a mais nova seguidora do seu blog!! Adorei! Te convido a visitar e seguir o meu também!!
ResponderExcluirwww.marcelacarraro.blogspot.com.br
Espero que goste!!!
Beijinhos!!
Nova seguidora! Ei, tem como você ensinar a fazer essa "imagem" pro titulo do Gadgets?
ResponderExcluirOlá, tudo bem? Visitando seu blog e ja gostei =)
ResponderExcluirja estou seguindo, se puder me seguir tambem ficarei muito feliz. Venha me visitar =)
beijos e ate logo
www.suellencastrodesign.blogspot.com.br
Amei seu blog ele é muito fofo com posts bem criativos, bjs Gabii
ResponderExcluirwww.girlsteensgn.blogspot.com.br
entre, conheça e curta.
ameeeei seu blog mt lindo mt perfeitinho , sou iniciante no mundo das blogueiras entao gostaria quue vc desse uma olhadinha no meu blog e me desse a sua opniao http://daorajovens.blogspot.com e http://daoradesign.blogspot.com , bjooos linda e obrigada desde ja!!! obs: estou seguindo seu blog linda!!
ResponderExcluirFicou legal e bem transado! Foi bem útil!
ResponderExcluirOi flor,Estou seguindo teu blog....
ResponderExcluiresse tuto me ajudou muito....Queria perguntar se posso postr esse post em meu blog...é claro com os devidos creditos.
Queria pedir também para seguir meu cantinho...Espero sua visita por lá e um comentário Bjs! Parabéns pelo Blog
http://fearless-of-myla.blogspot.com.br/
Valeu *---*'
ResponderExcluirComsentidoo.blogspot.com
ooi querida =D
ResponderExcluirdá uma passadinha lá no meu blog
http://kissyou-mi.blogspot.com.br/
Oie, queria muito dividir a sidebar mais no avançado não tem "plano de fundo da barra lateral" se puder me ajuda agradeço desde já
ResponderExcluirhttp://anabeeah.blogspot.com.br/
que blog maravilhoso *-* adorei o post , ficou lindo no meu blog > http://foreveragirls.blogspot.com.br
ResponderExcluirola como vc colocou o plano de fundo do facebook?
ResponderExcluir