terça-feira, 1 de janeiro de 2013

Design - Assinatura de Post



Como eu havia dito em um dos meus posts quero entrar 2013 com muitas novidades aqui no blog, e nada como começar logo no primeiro dia do ano
Como algumas de vocês ja devem saber eu sou Web Designer e quero muito compartilhar algumas dicas com vocês, coisinhas simples que podem ajudar muito. Então na intenção de ajudar resolvi criar a Tag: Design, eu poderia ter um blog só pra esse tipo de post, mas ja tenho esse blog, meus trabalhos e meu portfólio, ficaria muita coisa pra fazer e eu acabaria deixando a desejar de todos os lados.
Então chega de falatório e vamos logo a dica de hoje, vou ensinar a você a colocar assinatura no post.como essa:
1º- Crie uma imagem no seu editor de imagens, eu uso o Photoshop, mas pode ser feito no Photoscape  ou em qualquer editor de sua preferência, para ilustrar eu criei uma imagem simples só com o meu nome, mas você pode colocar uma foto sua junto do seu nome e deixar a criatividade fluir pra criar uma assinatura bem legal pro seus posts.

2º-  Hospede sua imagem recomendo Imageshack ou Photobucket

3º-  Abra o painel do seu blog e clique em modelo, editar Html, e expandir modelos de widgets.Passo á Passo na imagem abaixo:



4º- Com o atalho de busca Ctrl+F Procure por: <div class='post-footer'> e acima desta tag cole o seguinte código:


 <img src='ENDEREÇO-DA-IMAGEM-ASSINATURA' style='border:0px;'/>

5º - Substitua a parte destacada em vermelho pelo link da imagem que você hospedou, visualize pra ver se esta tudo certo, se estiver tudo ok clique em Salvar Modelo.

Fácil né?!Não se esqueça que antes de mexer no Html do seu blog é importante fazer um Backup do seu modelo.Espero ter ajudado ;)

Beijinho até o próximo post <3



2 comentários: