INSCREVA-SE e receba atualizações no seu E-MAIL!

23 de out. de 2012

Como colocar Botão LER MAIS no seu BLOGGER


Nesse tutorial vamos aprender como agente pode colocar esse "Botão" de quebra texto no seu BLOGGER, esse botão serve para que você leia o Conteúdo em uma pagina só dele, Apos o clique em cima do botão você sera redirecionado para uma unica pagina do mesmo, Como esse meu Abaixo!


1- Para começar você tem que ter as imagens, para isso eu reuni algumas imagens que "Recolhi" da internet.

2- Depois de ter escolhido sua imagem, Você vai ter que armazenar ela em um servidor de imagens como por exemplo o PicasaWeb La você pode armazenar suas Imagens.

Como colocar o Botão?

3- Antes de qualquer alteração que você faça em seu template Recomendo que você faça o Download da copia do seu template, Assim se der alguma coisa errada você vai poder voltar ao normal.

4- Agora vá em seu 'Painel de Controle' do BLOG e selecione as Opções como na imagem Abaixo.


5- Depois Clique em HTML e depois em PROSSEGUIR como nas Imagens Abaixo.


Agora clique em Prosseguir, e Depois Marque a opção Expandir Modelos de Widjets.



6- Dentro da caixa de Códigos você Clica em Ctrl + F que vai aparecer uma barra de buscas la você coloca <data:post.body/> e procure.

7- Logo ABAIXO deste código a CIMA, Copie e Cole este Código Abaixo.


<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >


8- Depois volte para a barra de busca com Ctrl + F e procure por este Código <data:post.jumpText/> 
e Troque ele por este outro Código, coloque no mesmo lugar.
<img src='Endereço da sua Imagem'/>

9- Em Endereço da sua imagem Coloque a URL da sua Imagem que armazenamos no começo deste Tutorial, e depois é só colar a URL na frase em vermelho e pronto Só Salva o Modelo Que já vai estar em uso.

10- Pra usa a imagem como quebra texto, Marque a Opção como na Imagem Abaixo.


e Pronto agora é só usar o botão em suas Postagens, Até a Próxima!

COMPARTILHE ESTA POSTAGEM!
SOCIALIZE →
COMPARTILHE →
Powered By: BloggerYard.Com

1 Deixe seu Comentário:

  1. Porra! Mano agradeço sua predisposição, boa tutorial! E desejo um balaio de surra de pica na google, vai tomar no cu, o editor de html do blogger não acha mais porra nenhuma quando em Ctrl+F. Bando de pau no cuuuu!

    ResponderExcluir

GOSTOU da postagem? avalie e deixe seu comentário.
---
Achou algum ERRO ou LINK QUEBRADO? nos ajude a identificar deixando seu COMENTÁRIO!