Olá sweets! Esses dias eu estou me esforçando para atender todos os pedidos de tutoriais que estavam acumulados na minha lista. Hoje mais um vai ser riscado da lista. Vou ensinar como deixar os widgets da sidebar separados. Não entendeu o que é? O resultado é este na imagem abaixo:
1- Abra o blogger, vá em modelo > Personalizar
2- No designer do modelo, clique em "plano de fundo da barra lateral" e escolha transparente, como mostra a imagem abaixo (clique para ampliar):
3- Salve as alterações.
4- Volte ao modelo do blog, e agora clique em "Editar HTML"
5- Aperte Ctrl+F e procure por:
.sidebar .widget {6- Logo abaixo deste trecho cole a seguinte linha:
background: #000;7- Agora é só trocar #000 pelo código da cor que você quer e salvar!
- Se quiser aumentar a distância entre cada widget, altere o valor dessa linha:
margin: 10px 0;Trocando o 10 por um número maior.
Pronto! Bem simples não é? Tenho alguns recadinhos para vocês.
1º - Ainda dá tempo de participar do sorteio que está rolando aqui no blog!
2º - Vou postar em breve um video tutorial de como fazer essas faixinhas que eu uso na sidebar e que vocês já viram em outros blogs. Pode demorar alguns dias porque estou gripada e só vou gravar quando minha voz deixar de parecer a de um pato :/
3º - Atualizei os créditos do blog, tava devendo isso desde que mudei o layout. Deem uma olhada lá para ver os blogs e sites divos que me ajudam sempre.
Por hoje é só queridos, obrigada por acompanhar o blog!
Kissus, Liah
Esse tuto é muito útil!
ResponderExcluirO blog fica muito lindo'
Kisses~~
http://territorioteen-suh.blogspot.com.br/
Já uso! Muito útil!
ResponderExcluirbeijoos
http://euemeujardimsecreto.blogspot.com.br/
Adorei o tutorial,acho que o vou usar no meu novo lay ^^
ResponderExcluirAinda bem que gostas-te dos brushs!
Bjs Chibiusa,
http://bubble-explosion.blogspot.pt
Super fácil!
ResponderExcluirLiah eu desativei os user do blog pq tenho um plugin que estava bloqueando 35 páginas de ips (louco mas necessário pra evitar ataques), só pra avisar...mas não me abandone rs (assine o feed ♥)
bjãoo
Acho que fica mais organizado assim, ótimo o post ^^
ResponderExcluirhttp://themudancas.tk/
Adorei o tutorial, fica otimo e bem organizado, flor!
ResponderExcluirAmei tudo aqui, seu lay é maravilhoso e seu blog tbm (não é a toa que falam tanto do Cherry Bomb) Amei demais aqui, já estou seguindo...
Beijos,
www.coisasdemenina-vicky.blogspot.com
esse tuto é muito massa. mas por enquanto não vou usar não.. mas se eu precisar já sei onde achar ;')
ResponderExcluirhttp://mini-fofoquinhas.blogspot.com.br/
Peeerfeito o tutorial, é super útil.
ResponderExcluiradorei flor, dá um charme excelente no blog!!
kisses~~
#>>>http://the--baby.blogspot.com.br/
Fica super lindo! Eu fiz um tuto de como fazer no meu site. Beijos! Participem do concurso, inscrições até o dia 28.06!
ResponderExcluirhttp://alanfelipej.blogspot.com.br/2012/06/concurso.html
http://alanfelipej.blogspot.com.br
bem facil de fazer ^^^gostei
ResponderExcluiro meu blog - Viver num T0
Eu uso um código parecido, ou igual... não me lembro! rs. O Cherry Bomb tá cada dia melhor, Liah! :3
ResponderExcluirBeijos, Paula
sweetmakeups2.blogspot.com
Bem fácil e útil !
ResponderExcluirVisitem meu blog
http://karolsatelespink.blogspot.com.br/
Amei o tutorial , o CB tá cada
ResponderExcluirvez mais perfeito ;3
bjox
http://keepcalmandeatnutella.blogspot.com.br/
Olá desculpe mas eu gostaria de pedir um favor, eu estava lendo um post antigo seu http://cherry-liah.blogspot.com.br/2010/12/como-retirar-sombra-das-imagens-no.html
ResponderExcluirnele vc está ensinando a tirar as sombras das fotos, eu deixei um comentário lá em janeiro ou antes e vc n respondeu acredito que deve ter passado despercebido =/
O modelo do meu blog é marca d'agua, e eu não consegui tirar a droga do sombriado TT-TT
Vc pode me ajudar por favor *-*
www.j-musicnyappy.blogspot.com
Mt legal o tuto ! E mt útil! ^-^ Bjs, Stardolleiras
ResponderExcluiradorei o , muito bem explicado e ainda fica bem bonito :)
ResponderExcluirwww.bugigangazdanet.blogspot.com
Adorei o tuto.. Estou de lay novo lá no blog.
ResponderExcluirViisita & segue se puder. obg ><
Beijos
deluxesphotoscape.blogspot.com
Oi Liah! Amei o tutorial, já salvei em meus favoritos!
ResponderExcluirQueria aprender a fazer um tutorial, se você não se importar: Como fazer aquele seu menu ali que tem Sobre/Participe/Chat/Inicio! Muito obrigado!!
http://garotavertigem.blogspot.com.br/
Bacana a Tuto! :)
ResponderExcluirSuper útil amiga !
ResponderExcluirDa uma olhadinha lá no B.D, ele está de visual novinho *-*
Ficou super fofinho, não vaai perde né
~> Bolha Doce || Julia Villela
//Xoxo JuuH
Já sabia mais ajuda bastante
ResponderExcluirMini surpresinha:http://cupcakeedicoes.blogspot.com.br/2012/06/sobre-afiliados-e-muito-mais.html#more
Adorei o tuto, estava procurando a dias, mas só achava para colocar uma cor atrás dos widgets. Valeu!
ResponderExcluirKissus ----> Blog Bola de Chiclete ♥
O meus widgets/gadgets já estão separados. Só que eu coloquei as bordas arredondadas =) Ai Liah, estou doida pra ver seu vídeo tutorial! E espero que essa sua gripe sare logo hein.
ResponderExcluirhttp://onthefame.blogspot.com.br/
Estava vendo um comentário seu aqui no meu blog e não sei se já te respondi, mas aqui tô eu de novo! Então linda, de nada pelos elogios, você merece! E eu sempre vou te apoiar, no que você precisar :3 Eu estou ficando bastante online a noite no msn. Ah, desculpa, não tenho face não. Mas prometo aprender a mexer e fazer um. Beijão!
ResponderExcluirhttp://onthefame.blogspot.com.br/
Adorei o tutorial!
ResponderExcluirFácil e rápido *-*
Kiss,
omundodoseujeito.tk
Ooi
ResponderExcluirOoba! Tutorial das faixinhas!
Eu adoro essas faixas da sidebar, e eu queria muito aprender :)
Beijos,
Nathalia (http://our-sweet-place.blogspot.com.br/)
Hey Liah, dá pra usar esse tutorial em outro modelo do Blogger, que não seja o Viagem??
ResponderExcluirNem preciso dizer que teu blog tá demais, né?
Beijos!
http://elfadophotoscape.blogspot.com.br/
Liah amei este tutorial ...
ResponderExcluirestava a procura dele ai cai
aqui no seu blog!!!
brigada e é muito simples mesmo faze-lo....
E parabéns pelo blog ele é lindo
super perfeito !!!
Beijo Grande
blocokpop.blogspot.com
Aceita Parceria? http://blogstefanipink.blogspot.com.br/ Amei seu Blog super Fofo o Post ta nota 10!
ResponderExcluirótimo tuto!
ResponderExcluirhttp://karolsatelespink.blogspot.com.br/
Mesmo meu blog sendo bem clean, vai dar muito certo. Obg
ResponderExcluirhttp://blogdanysilva.blogspot.com.br/
o meu não tem plano de fundo da barra lateral me ajuda!
ResponderExcluirEu não consegui =\
ResponderExcluirLiah,eu fiz esse tutu,mas continua com o fundo da barra lateral,e já fiz várias vezes,e também fiz outros e nenhum deu certo,sabe já pedi ajuda a muito,mas ninguém sabe o que é,sera que vc sabe? Se puder me responder em meu blog será muito melhor,obrigada.
ResponderExcluirhttp://www.cotidianodeumabarbie.blogspot.com.br/
Conto com a sua ajuda,ficarei muuito grata.
Muito obrigada! Eu estou aprendendo a fazer templates agora, e usei o seu tutorial para fazer o meu primeiro template personalizado. Se quiser ver como ficou, eu postei aqui: http://makemeshineedicoes.blogspot.com.br/2012/08/template-personalizado-cabecalho.html#.UEBszMFlRLM
ResponderExcluirAdoro esse blog, muito obrigada por me ajudar! Beijinhos <3
makemeshineedicoes.blogspot.com
o meu não tem "plano de fundo da barra lateral", porque? ):
ResponderExcluiro meu também não :(
Excluirno meu só tem adicionar css ._.
ExcluirTem razão eu não consegui !
ResponderExcluirOla bom dia, boa tarde ou boa noite, dependendo do horário que esteja lendo essa mensagem. Gostaria de tirar uma duvida imensa. Eu criei e editei quase que completamente a layout do meu blog, só que eu achei feio que meus gadgets estão juntos com a parte da postagem fixa em uma só caixa box, gostaria de separalos, para ter uma organização deles, só que meu layout é totalmente personalizado, não tem como fazer as edições pelo personalizar do blogger, gostaria de um modo manual, e outra no meu template não tem a teg /* Gadgets pra adicionar manualmente, nao sei oque fazer, por favor me ajude, grato dez de já :D
ResponderExcluirpara analisar o gatgets do meu blog acesse: mundodeumdesigner.blogspot.com.br
oi Liah este tutorial é muito simples e fácil, mais não está dando certo no meu blog. Uso o modelo simples do blog e não encontro a palavra que vc falou para procurar. pode me ajudar? bjs Cositas Femininas
ResponderExcluirOs blogs feitos recentemente não tem o plano de fundo da barra lateral, o meu é o modelo simples então não tem!
ResponderExcluire agora ? o.O
amei o tutorial, ficou di mais =)
ResponderExcluirhttp://my-world-jujubs.blogspot.com.br/
Ótimo tuto!
ResponderExcluirKisses
space-sweet-girl.blogspot.com.br
Amei o tuto, obrigada :3
ResponderExcluirEsse tutorial foi de bastante utilidade para mim :)
ResponderExcluirMuito bom!
E PRA QUEM USA TEMPLATES ISSO FUNCIONA?
ResponderExcluirEU USO UM E ELE NÃO ME DÁ ESSAS OPÇÕES DE MEXER NA SIDE BAR ANTES DE MEXER NO HTML COMO VOCÊ EXPLICA FLOR...
VOCÊ PODERIA ME AJUDAR?
OBRIGADO :D
Olá Liah, uso o modelo simples do blog e não acho o código que tem que procurar, pode me ajudar? obrigada
ResponderExcluirUsei o tutorial :)
ResponderExcluirahh me ajudou muito!
ResponderExcluirre-animar.blogspot.com/
Aff que coisa, responde aqui néh? Poxa, aqui não tem barra de lateral sei lá o que, e nem achei esse código, ajuda aqui néh, poxa?!!!!???!!
ResponderExcluirnão encontrei o código de jeito nenhum, nem arrumando e tal as coisas, mas espero que a Jackie Dream tenha isto, então desde já obrigadooo, beijuu
ResponderExcluirO modelo simples não possui a opção de "plano de fundo da barra lateral" :(
ResponderExcluirSuper fácil e deu super certo, adorei c:
ResponderExcluirBeijos, Joy
não consegui :( o meu não tem plano de ''fundo da barra lateral''
ResponderExcluirAAwii obrigada tinha tentado fazer esse tuto umas 5.00 vezes obrigadinha..
ResponderExcluirhttp://meu-mundo-alternativo.blogspot.com.br/
não consegui... não existe ( .sidebar .widget {)
ResponderExcluirnão aparece nada,eu aperto ctrl + f e coloco e aparece
0 de 0...pq??
non tem mais "plano de fundo da barra lateral", mas eu vou tentar pôr um negocio la, vou ver se vai dar certo mesmo assim, e obrigada lia! :3 te amodoro d+
ResponderExcluirquem nao conseguir achar o código, coloca pelo CSS, funciona do mesmo jeito
ResponderExcluircomo coloca pelo CSS?
Excluirfinalmente consegui!!
ResponderExcluirobrigado!
Poxa Liah,Muito Bom esse tutorial!
ResponderExcluirOi eu estava a procura desse tutorial a tempos e agradeço por ter colocado aqui...porém ele não está funcionando no meu blog, estou fazendo do mesmo jeito que vc disse lá em cima mas não consigo separar os widgets tem como me explicar melhor porque eu não entendi o que deu no meu blog...obrigada desde já...
ResponderExcluirhttp://projectgoldena.blogspot.com.br/
Muito obrigada! AJUDOU MUIITO! eu to começando um blog*-*
ResponderExcluircomo você fez ? não tem mais "plano de fundo da barra lateral" , como conseguiu ?
ExcluirMe AJUDOU bastante,beijos Liah
ResponderExcluirGenteeee! Meu modelo é Viagem, quando eu vou procurar por .sidebar .widget { no HTML, dá que não existe. Dai eu procuro milhões de vezes pelo .sidebar .widget { (eu mesme) e não acho! tem algo de arreado com o meu blog! Me ajudem , pfff!
ResponderExcluirmuito obrigada ajudou muito
ResponderExcluirAdoro seu Blog!
ResponderExcluirNo meu não funcionou ;-;
ResponderExcluirOlá Liah!
ResponderExcluirTambém é possível fazer isso com o campo de comentários?
Este comentário foi removido pelo autor.
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluirno meu nao apareceu .sidebar.widget{
ResponderExcluir