4 Banner Bem-Vindos

Para colocar esse banner em seu blog, basta copiar o código abaixo do banner escolhido e colar em um gadget HTML/JavaScript. 

 

<center><img src="https://lh3.googleusercontent.com/--3HB40ML4GQ/Td-TKT0yKzI/AAAAAAAAABA/OKn_8_KlNig/BEM_VINDO_1.gif" /></center>      

<center><img src=" https://lh5.googleusercontent.com/-2WyWg-LK7B4/Td-UjdLs2CI/AAAAAAAAABU/7JZAGnDUQLM/BEM_VINDO_2.gif" /></center>      

<center><img src=" https://lh4.googleusercontent.com/-1OeyLhnXWME/Td-UjBagWOI/AAAAAAAAABQ/HbtKYl8j40k/BEM_VINDO_4.gif" /></center>      

<center><img src=" https://lh5.googleusercontent.com/-P0I3FGyOVJI/Td-UkBThRtI/AAAAAAAAABY/R4yLBsY5khc/BEM_VINDO_5.gif" /></center>      

<center><img src=" https://lh3.googleusercontent.com/-w26wt76p2O4/Td-UmOM7-3I/AAAAAAAAABg/1JzbyyK1dQM/BEM_VINDO_7.gif" /></center>      

<center><img src=" https://lh4.googleusercontent.com/-BqE-J_xLEAY/Td-UooYy-4I/AAAAAAAAABs/kkjlTHFMru8/BEM_VINDO_10.gif" /></center>      

<center><img src=" https://lh5.googleusercontent.com/-dmIlG1eUy6g/Td-Upf_4elI/AAAAAAAAABw/aOqjfwYlyak/BEM_VINDO_11.gif" /></center>      

<center><img src=" https://lh5.googleusercontent.com/-E_uoA9uJo0g/Td-Up9rGQOI/AAAAAAAAAB0/ehS_MJYv--Y/BEM_VINDO_12.gif" /></center>

6 Layout, Banner e Link-me Make Up 05

2 Colunas

Banner

 

Layout

 

Código para este Layout:

<style type="text/css">body {background-image: url("https://lh3.googleusercontent.com/_4U1Xz-ZCFKQ/TaSWk_IX4iI/AAAAAAAAKVk/tRdOh3HKe4w/make%20up%202%20colunas%20-%2005.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:-30px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://www.ladymellayouts.com.br/" target="_blank"><img border="0" src="https://lh3.googleusercontent.com/_4U1Xz-ZCFKQ/TXNtACob8tI/AAAAAAAAJzo/3Fz73UXS65Q/LOGO%20LML.png" /></a></div>

 

 

3 Colunas

Banner

 

Layout

 

Código para este layout:

<br/><style type="text/css">body {background-image:url(https://lh6.googleusercontent.com/_4U1Xz-ZCFKQ/TaSwfqp716I/AAAAAAAAKWc/huZcaP3e2as/make%20up%203%20colunas%20-%2005.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:-33px; top:35px; z-index:30; width:150px; height:45px;"> <a href="http://www.ladymellayouts.com.br/" target="_blank"><img border="0" src="https://lh3.googleusercontent.com/_4U1Xz-ZCFKQ/TXNtACob8tI/AAAAAAAAJzo/3Fz73UXS65Q/LOGO%20LML.png" /></a></div>

 

 

Link-me:

 

Como Salvar e Usar o Banner – Clique Aqui

Como Salvar e Usar o Layout  – Clique Aqui

Como Salvar e Usar o Link-me – Clique Aqui

1 Layout e Banner Artesanato 08

2 Colunas

Banner

 

Layout

 

Código para este Layout:

<style type="text/css">body {background-image: url("https://lh5.googleusercontent.com/-KlO1Jy4VIH4/TafGsv5H5rI/AAAAAAAAKfE/J_lXTbJ4buw/artesanato%2B2%2Bcolunas%2B-%2B08.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:-30px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://www.ladymellayouts.com.br/" target="_blank"><img border="0" src="https://lh3.googleusercontent.com/_4U1Xz-ZCFKQ/TXNtACob8tI/AAAAAAAAJzo/3Fz73UXS65Q/LOGO%20LML.png" /></a></div>

 

 

Como Salvar e Usar o Banner – Clique Aqui

Como Salvar e Usar o Layout  – Clique Aqui

9 Selo 200 Seguidores

Ofereço carinhosamente à amigos(as) e Seguidores(as) do Blog Lady Mel Layouts, o Selinho pela marca de 200 Seguidores.

Meu agradecimento e carinho a todos pela alegria desta conquista.

Beijinhos!

<center><a href="http://www.ladymellayouts.com.br/" target="_blank"><img src="https://lh6.googleusercontent.com/-PmqBvEF4e0c/Tcs40WAlCuI/AAAAAAAAKsM/DPW6G0aHms8/s288/SELO%2B200%2BSEGUIDORES.gif" border="0" /></a></center>

2 Centralizar Banner no Topo do Blog

 

Procure pelo código abaixo no HTML (código fonte) do seu blog:

/* Header

----------------------------------------------- */

Você deverá encontrar algo assim ou parecido:

/* Header

----------------------------------------------- */

.Header h1 {

font: $(header.font);

color: $(header.text.color);

text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);

}

Quando encontrar acrescente logo abaixo de

/* Header

----------------------------------------------- */

todo o código a seguir:

#header {

margin:0px auto;

height: XXXpx;

background: url(COLOQUE AQUI O ENDEREÇO DO SEU BANNER) center no-repeat;   text-align: center ;

}

Deverá ficar assim:

/* Header

----------------------------------------------- */

#header {

margin:0px auto;

height: XXXpx;

background: url(COLOQUE AQUI O LINK DO SEU BANNER) center no-repeat; text-align: center ;

}

.Header h1 {

font: $(header.font);

color: $(header.text.color);

text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);

}

 

Como e Onde Editar:

Onde está em vermelho substitua pelo endereço da imagem do seu banner.

Em heigt; XXXpx; (coloquei em azul), vc deverá substituir pela altura do seu banner.

Visualise e se estiver tudo direitinho é só salvar.