Pesquisar este blog

quarta-feira, 20 de maio de 2020

colocar imagem no jump-link do Blogger

O jump-link do Blogger pode ser facilmente estilizado com CSS no cofonte do template. Porem tambem é possi­vel personaliza-lo mais ainda substituindo o link por uma imagem. E tão facil quando aplicar estilos a ele.

Acesse o Painel do Blogger e va em Editar HTML. Marque a opção Expandir modelos de widgets e tecle CTRL+F. Pesquise pelo seguinte codigo:

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

Substitua a parte destacada de vermelho por:

<img src='URL_DA_IMAGEM_AQUI' style='vertical-align:middle;border:0'/>

Hospede a imagem em um servidor e onde esta¡ destacado de azul substitua pelo link direto da imagem. 


Nenhum comentário:

Postar um comentário

Retirar a mensagem, Mostrar todas as postagens em blogs.

1. Primeiro fazemos o login no Blogger e clique em Modelo.. 2. Procura-se pelo link Editar HTML e clicamos nele. Após isso, pressione as t...