4 de abr. de 2014

Welcome back again... + tutorial aproximando a sidebar






Hey chuchus! Então fiquei mais um tempo sem postar não é? O motivo da vez é que fiquei esse tempo todo sem internet :'(, além disso aproveitei o momento para me dedicar aos meus estudos que é algo que não posso deixar de lado, porém agora estou de volta ao blog que não pretendo deixá-lo, novamente, de lado. Bom o post de hoje vai ser um tutorial de como aproximar as sidebares do blog igual aqui no blog. Vamos lá (っ・з・)っ? 

Então panquequinhas! O tutorial de hoje vai ser de como deixar as sidebares iguais ao do blog com esse espaçamento:


Viram como fica? É bem simples fazer isso, basta você ir em Modelo> Editar HTML> b:skin> aperte Ctrl+f e procure por /* Main e você vai ver algo mais ou menos assim:


Para ajustar o espaçamento igual ao do blog, basta mudar os valores 30px; por outros valores como esse aqui:


Se você quiser aumentar ou diminuir os valores, vá trocando ao seu gosto. Bom, há alguns detalhes para que ambos os lados fiquem com o espaçamento certo, então vamos a esses detalhes.
ღ Onde diz margin-left: -11px para a esquerda é menos (-), isso serve para diminuir o espaçamento; já para a direita é mais (+), isso serve para aumentar o espaçamento;

ღ onde diz margin-right: +9px para a direita é (+), isso serve para diminuir o espaçamento; já para a esquerda é menos (-), isso serve para aumentar o espaçamento;

Espero que tenham entendido :D, caso não, basta perguntar aqui nos comentários que eu responderei a todos ( ๑ ᴖ ᴈ ᴖ)ᴖ ᴑ ᴖ๑). O tuto foi a pedido da Gabi do blog Rosa Choque, por favor pessoal o tutorial foi inteiramente feito por mim e se for reblogar créditos ao blog tá. É isso lindos!! Beijos e até segunda \o/.


10 comentários:

  1. Awn :3
    Valeu Larissa, eu estava precisando muito disso! Você é muito querida ◑ω◐ Você é demais!!! Ah, muito obrigada mesmo!!

    ResponderExcluir
  2. Ótimo tuto *-*
    Sempre uso isso nos meus layouts, acho meio feinho aquele espação todo que vem no modelo ç-ç

    Beijo, kaorii.com

    ResponderExcluir
  3. Ficar sem net é uma bosta u.u ~ vocabulário nota 10 ~ AHEUAHEU'
    Adorei o tutorial, não conhecia ;3
    Aceita afiliação? ><
    s-unflower.blogspot.com ~

    ResponderExcluir
  4. Ficar sem internet é pessimo, otimo tutorial :3

    World of dreams

    ResponderExcluir
  5. Eu sempre faço isso, fica muito mais bonitinho juntinho ♥
    Que bom que voltou, que saco ficar sem internet ç3ç

    Beijos ~
    garotas-cupcakes

    ResponderExcluir
  6. Gostei do tuto, algum dia eu com certeza irei usar :3
    Ah, passei para avisar que o blog (Lollipop Cherry) mudou de url, se você tiver parceria/afiliação a nova sigla é: CB (Colorful Balloon).
    http://colorful-balloon.blogspot.com.br/

    ResponderExcluir
  7. Ótimo tutorial ;)

    Estou seguindo aqui, pode retribuir seguindo o meu blog www.gabusiek.blogspot.com ?
    Um Beijo

    ResponderExcluir
  8. Tutorial perfeito! Procurei em vários blogs e só achava como juntar.
    Beijos e fique com Deus!

    Bella Tulee | Fan Page

    ResponderExcluir
  9. Oi o meu não ta dando certo me ajuda! T-T

    ResponderExcluir

Olá amorinha blogueira! Como vai você?
Obrigada por comentar neste bloguito! Ah mas nós temos regrinhas viu ●ω●
- Não xingue ninguém;
- não copie o post;
- não comente no post antes de ler ou só comente "Que legal! Seguindo... segue de volta!", eu sigo mas não venha só comentar isso tá, quero saber a sua opinião amora;

É isso, sintam-se à vontade de falar mas sigam as regras :D
Beijos!

Expresse os seus sentimento!

♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙