Como colocar o botão "leia mais" personalizado - Quatro Estações

Como colocar o botão "leia mais" personalizado

01 outubro 2012comente



POST ATUALIZADO

Olá fofuras, vim postar mais um tutorial super simples e fácil. Hoje vamos aprender como colocar o botão leia mais no blog personalizado com uma imagem, ao invés daquelas palavrinhas sem graça...

Vamos começar???



1º passo



Primeiro, você tem que criar uma imagem e hospedar na web. 


2º passo



Vá em Design. Depois em MODELO e em seguida em EDITAR HTML.




Vai abrir uma outra tela e clique em Prosseguir.




3º passo





Marque a opção "expandir modelos widgets", aperte Ctrl+F e e procure por:




4º passo





Apague somente este código que você encontrou (código do passo acima) e no lugar coloque:




5º passo




Troque onde está em COLE-AQUI-O-LINKDIRETO-DA-SUA-IMAGEM pelo link direto da sua imagem, visualize e se estiver tudo Ok, salve. 

Lembre-se de ter uma cópia do seu template, caso der errado. 
Fique atento para não esquecer de copiar alguma coisa do código como ", ' etc...

6º passo




Para funcionar clique no botão quando estiver escrevendo uma postagem, no lugar que você quer que apareça o "leia mais".

Fácil né?! Aprendi com a Liah do Cherry Bomb.

ATUALIZANDO O POST

Se você deseja usar um ribbon, o código é este:


Onde deixei marcado right é pra ficar ajustado a direita. Se você quiser colocar para a esquerda, troque por left nos dois lugares.
Aqui é importante: -18 aumente ou diminua este número, até ajustar a margem do ribbon.

Este código eu que ajustei, não achei em nenhum lugar. 

Fiz algumas imagens pra vocês, estão nos tamanhos originais:









Espero que tenham gostado do tutorial e das imagens. Beijos e até breve!!!

NÃO REBLOGUE AS IMAGENS, É PARA USO PESSOAL.