TUTORIAL | SEPARAR OS WIDGETS DA BARRA LATERAL

Oioi gente! Tudo bem com vocês? Espero que sim porque comigo está tudo óptimo! Depois de ontem ter mudado o layout do Desining para um mais colorido, e até mais simples, tenho ainda mais motivação para postar aqui no blog! Prometo, no entanto, que não mudarei de layout tão cedo... Sei como se torna cansativo visitar um blog que esta constantemente a mudar de design!

Mas pronto, vamos lá ao tutorial que hoje me trouxe aqui e que vos explicará a como se separa os widgets da barra lateral do blog, normalmente chamada de sidebar. Este tutorial é a coisa mais simples do mundo!

1º PASSO - Retirar a cor da barra lateral

Para isso, basta dirigirem-se ao Modelo do vosso blog, clicando de seguida em Personalizar e, posteriormente, procurar por Avançado. Por fim, deverão tentar encontrar algo como Fundo da Barra Lateral e atribuir transparente ao fundo da sidebar.

2º PASSO - Separar os widgets

Como último passo, basta mais uma vez dirigirem-se ao Modelo do blog, clicando agora em Editar HTML e, posteriormente, procurar, com a ajuda do famoso CTRL + F, por .sidebar .widget {.

Deverão apagar tudo o que se encontra dentro das {  } e substituir pelo seguinte:

background: #ffffff; /* cor de fundo do widget */
padding-top: 20px; /* distancia entre o texto e a parte superior do widget */
padding-left: 10px; /* distancia entre o texto e o lado esquerdo do widget */
padding-right: 10px; /* distancia entre o texto e o lado direito do widget */
padding-bottom: 15px; /* distancia entre o texto e a parte inferior do widget */
margin: 12px 0; /* alterar o valor a negrito para aumentar o espaçamento entre os widgets */

De seguida, a partir dos comentários que se encontram em frente a cada linha, personalizem o código de acordo com os vossos desejos para os widgets.

E pronto, chegamos ao final de mais um tutorial. Espero que tenham gostado e que tenha-vos ajudado nos vossos blogs. Eu volto muito brevemente (amanhã talvez)!