Postagens

Mostrando postagens de março, 2013

Como coloca Zoom Na Imagem

Imagem
Postador: Edu-San Como coloca Zoom Na Imagem Isso Ai Pessoal Como Coloca Zom Na Imagem E Bem facil esse tutu e bem legal se costarem Comentem abaixo mas vamos ao que interessa logo 1-)Primeiro luga entre no seu blog que você Quer coloca esse efeito e Procure Sobre Essa Tag Abaixo: ]]></b:skin> 2-)Logo acima dessa tag Joge esse codigo abaixo: .post-body img { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; } .post-body img:hover{ border:1px solid #000; -webkit-transform: scale(1.302); } Editação: Para Editar O Tamanho do zoom na imagem Modifique " 1px "pelo numero que você quiser  Pronto pessoal Esse Foi O Tutu De Hoje espero que tenha gostado 

Como coloca uma imagem no roda-pé do blog

Imagem
Como coloca uma imagem no roda-pé do blog Postador: Um Negão Afro  E Isso ai pessoal hoje vou ensinar como coloca uma linda imagem no roda-pé Do Blog e um tutu muito facil que qualquer um pode aprender facilmente Basta você Seguir Esse Tutu Vamos Lá  1-)Entre na conta do google e entre no blog que você quer coloca esse codigo.Vá Em modelo E Editar Html E Procure por esse codigo abaixo: </footer> 2-)Depois Disso Cole esse codigo  <div class="separator" style="clear: both; text-align: center;"> <img border="0" src=" link da sua imagem " /></div> Aonde esta escrito "Link Da Sua Imagem"Coloquem O Link da sua imagem Agora Se Você quiser Um Link Na Imagem Pegem esse codigo e Modifique ele  <div class="separator" style="clear: both; text-align: center;"> <a href=" seu link "><img border="0" src=" Link da sua imagem " />

Coloca Abaixo Da Postagem Sobre O Autor

Imagem
Postador: Edu-San E Ai Turminha que Acompanha o HQm Design Vou mostra hoje um super tutu muito importante que tem em alguns do meus blog mais a vamos começar logo  1-)primeiro luga entre na sua conta do Google e Depois entre no seu blog e vá em modelo editar html E Procure Por Essa Tag Abaixo Ahh Cliquem Em Expandir modelo de widgets,Ok? ]]></b:skin> 2-)Acima Dessa Tag Cole Esse Codigo abaixo: #post-footer-autor { width: 100%; height: 67px; /*Altura do campo autor do post */ background: #1E90FF ; /* Cor de fundo */ margin: 8px 0px 8px 0px; /* Distancia das margens do campo do autor */ font-family: Geneva, Arial, Helvetica, sans-serif; /* Estilo de Fonte */ } #autor-img { /* Estilo Avatar */ width: 54px; /* Largura do espaço para avatar */ height: 54px; /* Altura do espaço para avatar */ background: #fff; /* Cor de fundo do avatar */ float: left; margin: 7px; /* Distancia das margens do avatar */ } #autor-sobre { padding-right: 5px; margin: 0px; } #autor-s

Botão CSS Próxima Postagem

Imagem
Botão CSS Próxima Postagem  Postador: Um Negão Afro E Ai galera hoje vou mostra um Ótimo tutu Pois E Sobre Uma Coisa que cada fica mais famoso um botão de próxima postagem Muito importante para um blog mais vamos logo ao que interessa  Ele Ficara Assim: 1-)Primeiro acesse Sua Conta Do Google,Entre No Seu Blog,Clique em Modelo E Depois Edita Html E Apertem Encima Expandir Modelo De Widgets E Procure Por Esse Código Abaixo  <data:newerPageTitle/> (Em Varios Blog/Sites>Existem Mais De Um Por causa do templates então você tera que encontra o certo) Agora Substitua Por Esse Abaixo: <img title=' Postagens Mais Recentes ' border='0' id='BLOGGER_PHOTO_ID_ coloque o ID do seu Blog ' src=' http://img130.imageshack.us/img130/387/1285505722gtkgobackltr.png ' style='CURSOR: hand'/> Essa Código Abaixo E A Imagem Se você quiser Muda A Imagem Coloque Por outra  http://img130.imageshack.us/img130/387/1285505722

Formulario De Contato

Imagem
Formulario De Conato  Postador Edu-San Bom pessoal hoje vou ensinar como faze um formulario de contato para Os Seus Leitores Entra em contato com você  Em Primerio Luga Esse Formulario não foi feito por nos e sim pela  Noticias E Blog  Um Grande Obrigado A Ela  Mais Vamos Ao que Interessa  1-)Em Primeiro luga entre No seu blog e Crie Uma Nova postagem Ou Uma Nova Pagina  clique em Html Logo Acima E Cole esse Texto Abaixo <form action="http://noticiaeblog.tk/enviar.php" method="POST"> <center> <table width="39%" border="0" align="center" cellspacing="0" cellpadding="0"> <tr><td>Nome: <input type="text" size="30" name="nome" value=""></td> </tr> <tr><td>E-mail: <input type="text" size="30" name="email" value=""></td>

Numeração de Paginas

Imagem
Numeração de Paginas Postador Por: Edu-San E Ai Pessoal mais uma vez vou ensinar algo para deixa seu blog mais elegante e mais organizado e pessoal me desculpe os erros de digitação pois estou com muito sono mais indo ao que interessa  1-)Vá em design editar HTML  E Procure pela seguinte Tag  ]]></b:skin>  Em Cima Dela Coloque Esse Codio Abaixo : .showpageNum a { padding: 3px 8px; margin:0 4px; text-decoration: none; border:1px solid #999; -webkit-border-radius:3px;-moz-border-radius:3px; background: #ddd; } .showpageOf { margin:0 8px 0 0; } .showpageNum a:hover { border:1px solid #888; background: #ccc; } .showpagePoint { color:#fff; text-shadow:0 1px 2px #333; padding: 3px 8px; margin: 2px; font-weight: 700; -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #999; background: #666; text-decoration: none; } 2-)Agora Procure Pela Seguinte Tag </body> <script type='text/javascript'> var home_page="/"; va