24 de julho de 2018
Assinatura personalizada no blog - como colocar
 |
| Assinatura personalizada no blog |
Assinatura personalizada no blog é simples e dá uma charme a mais no final do post.
Voltando com os tutorias aqui no blog, um dos mais acessados antes era como colocar assinatura personalizada no blog, é um tutorial de nível fácil e que personaliza o final do seu post automaticamente sem que precise ficar personalizando ao final de cada post .
Eu usei muito esse código no meu template antigo, e vou montar novamente o passo a passo pra vocês aqui!
Hoje de uma forma fácil você vai aprender a colocar uma assinatura personalizada no blog em todos os seus posts automaticamente!
Primeiro de tudo você de criar a imagem que vai usar como a sua assinatura, você pode criar no seu editor de imagem de preferencia, se não tem nenhum instalado recomendo usar o canva (editor online e gratuito) para ficar mais bonito lembre-se de criar a imagem com o fundo transparente e salvar em png, recomendo que o tamanho seja de 200x130px.
Vamos mexer no seu HTML códigos do seu blog e alterar seu template, faça em um blog de teste, caso ocorra algum erro não vai interferir no seu layout, ou faça um backup, pois caso algo dê errado você poderá recupera-lo depois. Vá em Modelo ➝ Fazer backup ➝ Fazer download do modelo completo.
- 1 → No painel do blog vamos clicar em tema e depois em editar html
- 2 → Dentro da caixa de códigos de um click em qualquer lugar e aperte ctrl+f dentro da caixa de busca cole o seguinte código:
<data:post.body/>
- 3 → Assim que encontrar cole abaixo dele:
<div align='right'><img src='URL DA IMAGEM' style='border:0px;'/></div>
- 4 → Agora visualize, se estiver tudo certo é só salvar.
Observações do tutorial:
A posição da assinatura no código acima está localizada a direta "right", para posicioná-la a esquerda troque por "left" e ao centro troque por "center"
Onde está URL DA IMAGEM troque pelo endereço da imagem que você criou,.
Se você não localizar o código no seu template <data:post.body/> procure por esse código aqui → <div class='post-footer'> provavelmente ele vai aparecer duas vezes, então é o segundo que procuramos.
Viram como é fácil, tenho certeza que você consegue e caso não consiga ou tenha qualquer duvida solicite ajuda pelo comentários ou pelo formulário na pagina de contato do blog
Me siga no instagram » @michelleoliveirablog
Encontre mais dicas me seguindo no Pinterest » michelleoliveirablog
Caso tenha dúvidas ou sugestões, deixe nos cometários aqui abaixo ou entre em contato. Vou ficar muito feliz em receber uma mensagem sua.
Compartilhe esse post e espalhe a informação!
Nenhum comentário:
Postar um comentário
Deixe a opção *NOTIFIQUE-ME* marcada, assim você é aviso quando eu responder seu comentário!
» Seja educado, e respeite os direitos dos outros, seus comentários são bem vindos. Com moderação!
» Aceito criticas, se forem dadas com educação, não me importo em publicá-las, criticas construtivas nos ajudam a crescer.