Tutorial #1 - Como Fazer um botão de "Leia Mais"!

Fala galera! Agora eu vou trazer alguns tutoriais aqui no blog, para deixar o seu blog ainda mais legal! mais eu não vou ficar postando SEMPRE! Só quando achar uma coisa MUITO legal para colocar aqui no Mundo Nerd, e também no blog de vocês! então para continuar clique no "Leia Mais" ai em baixo!(Antes de começar só quero dizer que o tutorial tá divido em 2 partes, já já você vai entender)(Estou usando a nova interface do blogger Ok? Alias eu recomendo muito vocês usarem ela!

PRIMEIRA PARTE - LINK NORMAL DE "LEIA MAIS".

1- Vá em " Layout" 

2- Procure por "Postagens no blog" e clique em "editar"

3- Já no começo, procure por "Texto do link da página da postagem", e escreve o que quiser!

4- Para utilizar, é só no meio de um post usar a ferramenta "Jump Breack" (O ícone de uma folha rasgada)

Pronto! Para alguns o Tutorial acabou aqui! Mais, e se você quiser deixar AINDA mais bonito? Fácil! Bem...Nem tão fácil pois tem que mecher com HTML, mais a prática leva a perfeição!

SEGUNDA PARTE - IMAGEM NO LUGAR DO LINK DE "LEIA MAIS".

1-Obviamente para trocarmos isso por uma imagem precisamos de uma torradeira Imagem! Faça uma e hospede na internet!

2-Agora vá em "Modelo">"Editar HTML" e procure por esse código aqui!(Não se esqueçam de clicar em "Expandir modelos de widgets, não cometam o mesmo erro que eu ='( )

<data:post.jumpText/>  

3- Substitua esse código por esse aqui:

<p align='right'><a expr:href='data:post.url'><img src='URL_da_IMAGEM'/></a></p>

4-Onde está em vermelho, coloque o link da sua imagem que você hospedou!


5-Salve e faça a mesma coisa que na primeira parte para testar!



Espero que tenham gostado! Depois eu trago mais Tutoriais para vocês!