Retirando Fundo transparente

http://mademoiselle-pardal.blogspot.com.br/2013/05/janeladeimagem.html

Neste mini Tutorial irei mostrar algo bem simples de se fazer. O fundo  transparente do Modelo Janela de imagem do blogger incomoda bastante aqueles que querem dar um visual legal ao blog; este tutorial ira mostrar como é facil se livrar deste pequeno problema.(Para completar, nesta postagem também estarei mostrando como retirar o fundo do Widget ''Atribution'')

 

Antes de retirar o fundo

 

Depois de retirar o fundo

 

Retirando o Fundo 

  Vá no Html do seu blog 

 Procure por

/* Main 

Você vai encontrar o código da seguinte maneira:

/* Main
.main-outer {
  background: $(main.background);

  -moz-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
  -webkit-border-top-left-radius: $(main.border.radius.top);
  -webkit-border-top-right-radius: $(main.border.radius.top);
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -goog-ms-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
  border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;

  -moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
}

 Apague o trecho entre as Chaves ''{ }

 .main-outer { Trecho que deve ser apaguado  }

  Ficando da seguinte forma:

/* Main

.main-outer {

  }

Visualize e se estiver tudo bem, salve

 

Retirando o Fundo do Widget 'Atribuition'

Antes 

  

Depois 

  

  Procure por

.footer-outer {

O código vai estar da seguinte maneira:

.footer-outer {
  color:$(footer.text.color);
  background: $(footer.background);

  -moz-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);
  -webkit-border-top-left-radius: $(footer.border.radius.top);
  -webkit-border-top-right-radius: $(footer.border.radius.top);
  -webkit-border-bottom-left-radius: $(footer.border.radius.bottom);
  -webkit-border-bottom-right-radius: $(footer.border.radius.bottom);
  -goog-ms-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);
  border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);

  -moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
}

 Apague o trecho entre as Chaves ''{ }

.footer-outer { Trecho que deve ser apagado }

O código deve ficar assim:

.footer-outer {

}

 Visualize e se estiver tudo certo, salve.

 

Como retirar o fundo do gadget

  Vá no html do seu blog 

 procure por

/* Widgets

 Em seguida procure pelo trecho:        

.main-inner .column-left-inner,

.main-inner .column-right-inner {

 background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat 0 0;

   Apague o trecho acima

 visualize e se estiver tudo bem então é só  salvar.

 Antes                                                          Depois

 Como retirar o fundo do Cabeçalho

 Vá no html do seu blog

procure por

 .header-outer {

  

Abaixo dele irá aparecer o seguinte:

.header-outer {
  margin: $(header.margin.top) 0 $(header.margin.bottom) 0;

 background: $(header.background.color) $(header.background.gradient) repeat scroll 0 0;

Apague o trecho inteiro acima

(incluindo .header-outer { )

Visualize e se estiver tudo bem salve.

Retirando do rodapé

Vá no html do seu blog

procure por:

.footer-fauxborder-left {

Abaixo dele irá aparecer o seguinte

.footer-fauxborder-left {
  border-top: 1px solid $(widget.border.color);
  background: $(footer.background.color) $(footer.background.gradient) repeat scroll 0 0;

 Apague o trecho inteiro acima
(incluindo .footer-fauxborder-left { )

Visualize e se estiver tudo bem salve.

(Espero que tenham gostado e se caso quizer compartilhar não esqueça de dar os devidos creditos)