Personalizar Link Resumo da Postagem no Tumblr
Colocar o resumo da postagem no Tumblr é muito simples você só precisa clicar em um botão como é feito no blogger: Fazer Resumo da Postagem com Miniaturas das Imagens. Mas além de mostrar apenas um resumo dos seus posts no Tumblr você pode também personalizar o link para ver a postagem completa ou até mesmo usar uma imagem como link.
Para fazer isso entre no painel de controle do seu Tumblr, clique em customize appearance e depois editar html. Agora procure por </style> e coloque esse código antes dele:
.read_more_container {display: none;}
Isso faz ocultar o link padrão do Tumblr para ver o resumo da postagem. Então vamos criar um link personalizado para expandir e mostrar a postagem completa no Tumblr. Procure por {body} e coloque esse trecho depois dele:
O texto continue lendo aparece somente quando passa o mouse sobre o link e o texto leia mais é o que aparece na sua pagina como link para mostrar a postagem completa portanto altere esses textos como desejar.
Se quiser poderá usar uma imagem para mostrar a postagem completa no tumblr em vez do link padrão do resumo da postagem, então o código fica deste jeito:
{block:More}<p><a href="{Permalink}" title="continue lendo"><img src="endereço da imagem" border="0" /></a></p>{/block:More}</div>{/block:Text}
Apenas tenha cuidado para usar o direct link na imagem pois a maioria das vezes que a imagem não aparece é por causa do endereço errado(Leia: Imagem não aparece no Blog ou Site) e da mesma forma que falamos anteriormente o texto continue lendo só é visível quando passar o mouse sobre a imagem.
Depois disso só precisa salvar e pronto você já personalizou o link read more do seu tumblr. Veja também:
Como Colocar Música no Tumblr ou Blogger.
Colocar Favicon no Tumblr: Personalizar Imagem na Barra de Endereço
Esperamos que gostem dessa dica para tumblr e se tiverem duvidas ou sugestões deixem um comentário e vamos tentar resolver. Ainda estamos começando a fazer tutoriais para o Tumblr mas parece ser uma plataforma bem interessante para blogs. Abraços a todos.
Para fazer isso entre no painel de controle do seu Tumblr, clique em customize appearance e depois editar html. Agora procure por </style> e coloque esse código antes dele:
.read_more_container {display: none;}
Isso faz ocultar o link padrão do Tumblr para ver o resumo da postagem. Então vamos criar um link personalizado para expandir e mostrar a postagem completa no Tumblr. Procure por {body} e coloque esse trecho depois dele:
{block:More}<p><a href="{Permalink}" title="continue lendo">Leia mais</a></p>{/block:More}</div>{/block:Text}
O texto continue lendo aparece somente quando passa o mouse sobre o link e o texto leia mais é o que aparece na sua pagina como link para mostrar a postagem completa portanto altere esses textos como desejar.
Se quiser poderá usar uma imagem para mostrar a postagem completa no tumblr em vez do link padrão do resumo da postagem, então o código fica deste jeito:
{block:More}<p><a href="{Permalink}" title="continue lendo"><img src="endereço da imagem" border="0" /></a></p>{/block:More}</div>{/block:Text}
Apenas tenha cuidado para usar o direct link na imagem pois a maioria das vezes que a imagem não aparece é por causa do endereço errado(Leia: Imagem não aparece no Blog ou Site) e da mesma forma que falamos anteriormente o texto continue lendo só é visível quando passar o mouse sobre a imagem.
Depois disso só precisa salvar e pronto você já personalizou o link read more do seu tumblr. Veja também:
Como Colocar Música no Tumblr ou Blogger.
Colocar Favicon no Tumblr: Personalizar Imagem na Barra de Endereço
Esperamos que gostem dessa dica para tumblr e se tiverem duvidas ou sugestões deixem um comentário e vamos tentar resolver. Ainda estamos começando a fazer tutoriais para o Tumblr mas parece ser uma plataforma bem interessante para blogs. Abraços a todos.
Marcadores: Códigos, Html, Personalizar, Tumblr