Bem vindos ao blog Meus Tutoriais!

Tutoriais e efeito criados por Débora! Se usar qualquer um deles, credite ao blog Meus Tutoriais. É proibido  neste blog plágio!

sexta-feira, 26 de setembro de 2014

7# Créditos no rodapé sem ocupar a largura do blog.

Resultado de imagem para imagens de gatinho
Boa noite meninas!
Oi meninas! O tutorial de hoje é super simples.
Criei agora a pouco mesmo.
Muita gente conhece esse tutorial de créditos no rodapé, só que o tutorial que eu criei é diferente.
Ele é em HTML/ Java Script, sendo o que as pessoas mais conhece é no editar modelo, e  esse que eu criei não ocupa a largura do blog.
Vamos começar!

Resultado:



Primeiro vá em > Design> Layout > E adicione um gadget no final da página, veja um exemplo para entender melhor:


Em seguida > HTML/ Java Script e cole esse código:

<div style="font-family: arial, helvetica, sanserif; height: 53px; width: 1000px;">
<br /></div>
<div style="background-color: Cor da barrinha; font-family: arial, helvetica, sanserif; height: 31px; width: 1000px;">
<div style="float: left; padding-left: 5px; position: relative;">
<div class="pchwref" style="font-size: 11px; height: 21px; padding: 9px 0px 0px 15px; width: 713px;">
Escreva aqui</div>
</div>
</div>



Entendendo o código:


Escreva aqui - Escreva o que quiser.

Ao ter terminado de fazer tudo o que eu falei, salve e visualize pra ver se deu tudo certo.
Se postar o tutorial, credite.
Bjs

2 comentários: