Dois tutoriais em um - Confira!

Oi gente!!! 

Sabe o que mais estraga o visual e um blog? Aquele fundo horroroso de folha do modelo Viagem (Travel). Horrendo né? Pensando nisso,  resolvi postar aqui o tutorial, que é super simples, para retirar esse fundo.  

O outro tutorial e como deixar o fundo do cabeçalho transparente.

Clique em leia mais para ver os tutoriais.

Vamos ao primeiro tutorial.

Vá no HTML do seu blog e aperte Ctrl+F e procure por:

content-outer .content-cap-top {

Quando encontrar apague somente os trechos destacados:

.content-outer .content-cap-top { height:$(content.imageBorder.top.space);background: transparent$(content.imageBorder.top) repeat-x scroll top center;}.content-outer {margin: 0 auto;padding-top: $(content.margin);}.content-inner {background:$(content.background);background-position: left -$(content.imageBorder.top.space);background-color:$(content.background.color);padding: $(content.padding);}

 Outra coisa que faz toda a diferença num blog é um cabeçalho bem feito. Muitas vezes não temos o recurso e os programas necessários para se fazer uma imagem com fundo transparente, ou seja, no formato .PNG. Então eu trouxe um tutorial que ensina a fazer isso mexendo direto no html do blog. Confira:

Vá no HTML do seu blog, aperte Ctrl+F procure por algo parecido com o código abaixo:

<header><div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog da Nah (Cabeçalho)' type='Header'/>
</b:section>
    </div>
    </div>
    <div class='header-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </header>

Para facilitar a busca procure por </header> 


Agora, apague todo o código acima. Depois procure por:

<div class='content'>

Cole ANTES dele o seguinte código:

<center><header><div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog da Nah (Cabeçalho)' type='Header'/>
</b:section>
    </div>
    </div>
    <div class='header-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </header>
</center>

Depois de tudo feito visualize e veja se está tudo OK.


Espero que estes tutoriais tenham ajudado. Beijos!!!


Créditos: Spazio DM, Menina Nerd