05 outubro 2012

Tutorial: Assinatura com imagem no final dos posts

Esse tutorial é bem simples de se fazer e ao mesmo tempo, muito útil. 

Créditos na imagem





01º Passo: Após fazer sua assinatura (Uma dica é utilizar o PhotoScape!) hospede sua imagem no Imageshack ou em qualquer outro site. Vá no painel de seu blog e clique em "Modelo", em seguida, vá em "Editar HTML" e marque a opção "Expandir modelos de widgets";

                                                       

02º Passo: Dê "Ctrl+F"  e procure por <div class='post-footer'>

                                        SE FOR SÓ VOCÊ QUE POSTA NO BLOG:

Cole acima dele o seguinte código: <div align='right'>
<img src='URL da Imagem' style='border:0px;'/></div>

Já sabe o que fazer né? Em "URL da Imagem", coloque o url da assinatura, ah sério????      

                                        SE NÃO FOR SÓ VOCÊ QUE POSTA NO BLOG:

Coloque o código: <div align='right'><b:if cond='data:post.author == &quot;ESCREVA_AQUI_O_NOME_DO_AUTOR1&quot;'>
<img src='URL da assinatura do 1º autor' style='border:0px;'/>
</b:if>
<b:if cond='data:post.author == &quot;ESCREVA_AQUI_O_NOME_DO_AUTOR2&quot;'>
<img src='URL da assinatura do 2º autor' style='border:0px;'/>
</b:if></div>                       

Realize as alterações necessárias ~> Visualiza ~> Se estiver tudo certo, é só salvar!


Dúvidas?
                                           

Nenhum comentário: