HOSPEDAGEM DE SITE : Tenha seu próprio domínio

Follow me

Trocar o texto '' Postagens mais antigas e ''Início'' , por imagens


Agora vou ensinar a todos como trocar estes 2 textos : POSTAGENS MAIS ANTIGAS e  INÍCIO (na verdade 3 textos , contando com o depois , POSTAGENS ANTERIORES) por imagens do seu gosto.
Poderá trocar por setas personalizadas a seu gosto (IR E VOLTAR ou apenas indicativas de ESQUERDA ou DIREITA) e também casinhas ( como HOME) em Início.
Bem, melhor do que falar e falar, é fazer! ^^...

Veja:

Vá em Modelo > Editar HTML >procure com a ajuda do comando > Ctrl + f e procure por
<div class='blog-pager' id='blog-pager'>

Em seguida irá achar todo o trecho:

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>


Após isso, selecione tudo e substitua por este trecho:

<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT7UBQxc7qingpum8dUuivOBpGCGJPP9ZjrFhJLN1BHuoaD8Qjk6mNcJH7sfmJOugv3mn_sv9lQwXOXOeP7EMra6eejStPyNSRkWnHLAgLVbK4uliEWV35aSC7lggSPk6FW2nGC0ibdL4/s1600/back.png"/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMOF7SBYsSv0jNJauDNmJU2A5uZ6820SrpigTBgY7gq4tKDR7SbNX_Cn5Z41K6lwtQls26Pv8NbzaU7-idb4_XfOhAtdLKkzWShaxVr96uTip8iVTI5fbSXRJvVOz3ND4_piW4xgeqisg/s1600/next.png"/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjplApiEui1zoGZJQcYSoNlYZKAJxJXup6yEdBKNvMfQPA482oiEeZCVUy_YmkbW_PeIH6dGxcMlkuOXXZKHOLYYUJWE-hQ4S7CRtrtSqCDfxhu6OJcNhQ6gX6WqSBt8EYwmQPZgXp_STE/s1600/home.png"/></a>


Nestes textos (links) coloridos , voce irá trocar pela URL da imagem que escolheu para as respectivas funções:

Vermelho------------------Seta a esquerda
Amarelo-------------------Seta a direita
Azul------------------------Home

Uma dica de onde achar essas imagens, é este site super bacana que eu sempre uso.Quem sabe não acha algo legal também ?!
PIC GIFS

É ISSO AÍ...FOI UTIL?!
BJOS!BJOS!

Nenhum comentário:

█ Popular