Como Por um BackGround Personalizado No seu blog(Blogger)_ThegamesTi

Hoje Eu vou ensinar a por um background diferente no blog!
Eu achei Simples!

Primeiramente Você tem de ter feito seu backup do seu template caso faça merda! Igual Na imagen abaixo.

Click na imgem para ver melhor!

Nesse trecho click em "Baixar Modelo Completo"(Download normal e pequeno)

feito isso pode fazer merda a vontade pois tem como voltar!

Você deve procurar uma textura ou uma imagem legal.Salva-la e Hsopeda-la.
Para isso recomendo:

ImegesHack 

      OU

Tinypic


depois Disso Pegue o link direto que é disponibilizado em ambos.

Depois Disso Pegue esse link direto e procure no layout HTMl do seu blog esta TAG:

<br>rows="<span style="color: rgb(0, 0, 153);">5</span>"<br><span style="color: rgb(0, 153, 0);"><span style="color: rgb(204, 0, 0);">cols="</span>50</span>"<br>style="background-color: #ffffff; color: rgb(0, 0, 0);"<br>wrap="soft">/* -----   SIDEBAR   -----  */<br><br>#side-wrapper {<br>width: 375px;<br>float: right;<br>margin: 0px 0px 0px 0px;<br>padding: 6px 0px 0px 0px;<br>background: url(http://i46.tinypic.com/73ow00.jpg) repeat;<br>border: 1px solid #ccc;<br>word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br>overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br>}</</span><span style="color: rgb(204, 0, 0);">textarea></span></blockquote><span style="color: rgb(204, 0, 0);"></span><p><i><b> </b></i></p>

Click na imegem.

Depois Modifique esse URL inteiro por:

url( Link da sua Imagem ) repeat;

Dentro desses parenteses
Coloque o link Direto q você pegou Site de imagens.

OBS:Não e todo template q tem o url direto alguns tem cores q talvez aparece assim:
#ffffff ou algo parecido.Substitua-o como se tivesse o url normalmente.

Depois Disso procure por :

<br>rows="<span style="color: rgb(0, 0, 153);">5</span>"<br><span style="color: rgb(0, 153, 0);"><span style="color: rgb(204, 0, 0);">cols="</span>50</span>"<br>style="background-color: #ffffff; color: rgb(0, 0, 0);"<br>wrap="soft">#sidebar1 {<br>width: 500px;<br>margin: 0px 6px 6px 0px;<br>padding: 6px 10px 0px 10px;<br>color: #4c4c4c;<br>background: url(http://i46.tinypic.com/73ow00.jpg) repeat;<br>border: 1px solid #e6e6e6;<br>}</</span><span style="color: rgb(204, 0, 0);">textarea></span></blockquote><span style="color: rgb(204, 0, 0);"></span><p></p><p><font size="2"><b><i><font size="3"> </font> </i></b></font></p><p></p>

E Substitua o url ou #fffffff pela mesma imagem do primeiro.Normalmente.
Deve ficar assim:

Nesse :

<br>rows="<span style="color: rgb(0, 0, 153);">5</span>"<br><span style="color: rgb(0, 153, 0);"><span style="color: rgb(204, 0, 0);">cols="</span>50</span>"<br>style="background-color: #ffffff; color: rgb(0, 0, 0);"<br>wrap="soft">#sidebar2 {<br>float: left;<br>width: 160px;<br>margin: 0px 6px 0px 0px;<br>padding: 6px 10px 0px 10px;<br>color: #4c4c4c;<br>background: url(http://i46.tinypic.com/73ow00.jpg) repeat;<br>border: 1px solid #e6e6e6;<br>}</</span><span style="color: rgb(204, 0, 0);">textarea></span></blockquote><p> <b>E nesse:</b><br></p><blockquote><span style="color: rgb(204, 0, 0);"><textarea<br>rows="<span style="color: rgb(0, 0, 153);">5</span>"<br><span style="color: rgb(0, 153, 0);"><span style="color: rgb(204, 0, 0);">cols="</span>50</span>"<br>style="background-color: #ffffff; color: rgb(0, 0, 0);"<br>wrap="soft">#sidebar3 {<br>float: right;<br>width: 160px;<br>margin: 0px 0px 0px 0px;<br>padding: 6px 10px 0px 10px;<br>color: #4c4c4c;<br>background: url(http://i46.tinypic.com/73ow00.jpg) repeat;<br>border: 1px solid #e6e6e6;<br>}</</span><span style="color: rgb(204, 0, 0);">textarea></span></blockquote><span style="color: rgb(204, 0, 0);"></span><p> </p><span style="color: rgb(204, 0, 0);"></span>

E nesse:

<br>rows="<span style="color: rgb(0, 0, 153);">5</span>"<br><span style="color: rgb(0, 153, 0);"><span style="color: rgb(204, 0, 0);">cols="</span>50</span>"<br>style="background-color: #ffffff; color: rgb(0, 0, 0);"<br>wrap="soft">#sidebar3 {<br>float: right;<br>width: 160px;<br>margin: 0px 0px 0px 0px;<br>padding: 6px 10px 0px 10px;<br>color: #4c4c4c;<br>background: url(http://i46.tinypic.com/73ow00.jpg) repeat;<br>border: 1px solid #e6e6e6;<br>}</</span><span style="color: rgb(204, 0, 0);">textarea></span></blockquote><span style="color: rgb(204, 0, 0);"></span><p> </p>

Fassa exatamente a mesma coisa. No Fim so tem q mudar  as mesmas coisas so q em lugares diferentes.
Feito isso Voce Pode Salvar e ver o resulatado final do HTML.Deve ficar assim:

Click Na Imagem Para Ver Melhor. 

Mais Um Super Post De :

By Tiago[ADM]