|
Para fazer essa configuracao precisanos de dois arquivos, um arquivo chamado jQuery (arquivo de biblioteca uzado neste sistema) e um outro arquivo js chamado start.js, e acrecentar duas linhas de comando na template do blog. Vamos lá.
1º passo - Clique aqui jQuery vc entrara no site,na parte inferior do site tem um botão para vc baixar a biblioteca, salve o arquivo, esse arquivo deve ser hospedado em lugar na web de sua preferencia.
2º passo - Baixe o arquivo start.js, salve-o pra hospedar junto com o anterior, e
3º passo - Edite o html de seu blog inserindo o codigo depois da tag head
<head>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/start.js" type="text/javascript"></script>
js/jquery.js" type="text/javascript">
Substitua o endereço onde esta em negrito pelo endereco onde esta hospedado os dois arquivos
Ex: <script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'></script>
<script src='http://logon.com.pt/diversos/js/start.js'></script>
Esse arquivo "start.js" colocara o link "Clique aqui!" exatamente onde insirir a tag no post, caso queira mudar para uma frase "Leia mais" ou algo de seu gosto, abra o arquivo em um editor ou no bloco de notas do windows e altere a parte "clique aqui!" salve o arquivo.
Depois de tudo feito, faça um post e quando quiser que ele insira o "leia mais" insira a tag
<div id="maisinfo"> coloque o texto que quer deixar escondido e depois no fim feche a tag com </div>
ficando assim:
texto que quer mostar blablabla-blabla
<div id="maisinfo">
texto que quer esconder blablabla-blabla
</div>
Terminado! publique, ele vai cria um link Leia mais! que ao clicar expande seu texto.
Simples assim!
Isso vc faz sem esse monte de codigo aí, é só colocar "" entre o texto a ser mostrado e o restante que estara oculto. Colocando assim, ira aparece "MAIS INFORMAÇÕES" e não "Leia Mais", para aparecer leia mais, vá para Painle - Desing abaixo do quadro "Postagem" clique em Editar, e troque o "Mais informações" por "Leia mais", "Ver post completo".
ResponderExcluirOla ERS.94, esse código e pra quem não quer usar o resumo de post do blogger, e pretende deixar os posts completos na pagina inicial, com ele você clica no Leia Mais e o post se estende na própria pagina inicial sem a necessidade de ir ao post, uma maneira diferente.
ResponderExcluirOcorreu um problema comigo a linha (js/jquery.js" type="text/javascript">) fica aparecendo no topo do blog, de resto funcionou, o que pode ter acontecido? Ótimo post!
ResponderExcluir