Image Map

Como adicionar assinatura no final da postagem! ( PERSONALIZANDO TEMPLATE PART II )

Oi amores, tudo bem?
 Mais um post da série personalizando seu template e hoje a dica é bem legal e super fácil. Que tal aprender?
 Você não vai demorar mais que 10 minutinhos para fazer.

MÃOS A MASSA!

 Criar a assinatura é extremamente fácil. Então vamos lá!
Primeiro crie sua assinatura no Photoshop ou PhotoScape. (PhotoScape é a mesma coisa de criar a parte superior do seu template. Ensinei tudo aqui ).


Fiz esse como exemplo para vocês. Super simples e fofo! (A fonte usada foi a COOKIEMONSTER).
 Depois de criar a sua assinatura é hora de hospedar a imagem, como expliquei no tutorial de ontem, se você ainda não viu, corre lá! 

 Feito tudo isso é hora de colocar a sua assinatura no blog!

 Agora vá em painel do seu blog ,  editar html , aperte CTRL + F e procure por: 

 <div class='post-footer'>

Se você for a única autora do seu blog deverá colar o seguinte código logo acima dele ( <div class='post-footer'> )


<div align='right'>
<img src='URL DA IMAGEM AQUI' style='border:0px;'/></div>

No lugar de "URL DA IMAGEM AQUI" cole o link  gerado após a hospedagem da sua foto.

 Caso seu blog tenha mais de um autor, você deverá colar logo acima do código (<div class='post-footer'>) o seguinte código:

<div align='right'>
<b:if cond='data:post.author == " NOME DO AUTOR 1 "'>
<img src='URL DA IMAGEM DO AUTOR 1' style='border:0px;'/>
</b:if>
<b:if cond='data:post.author == " NOME DO AUTOR 2 "'>
<img src='URL DA IMAGEM DO AUTOR 2' style='border:0px;'/>

</b:if></div>

 Seguindo o mesmo esquema, no lugar de "URL DA IMAGEM DO AUTOR" troque pelo link da hospedagem.

 Super fácil, né?! Agora você pode ter uma assinatura personalizada e linda no seu blog. Vamos tentar fazer?

 Qualquer dúvida deixem nos comentários! ♥♥

0 Comments:

Postar um comentário

Deixe seu comentário! Vou adorar ler ♥