CAOS CASLAS SECURITY CAOS CASLAS SECURITY CAOS CASLAS SECURITY

Webmaster Website Blog Blogger Tools Hack To Modify Blogger Page Navigator

Modificar o navegador de páginas do blogger, é um hack extremamete simples de efectuar e um must para quem quer dar um toque mais cool ao blog, blogspot.com, o Blogger da Google.

Como colocar este hack no seu blogger blogspot?

Para editar e modificar o navegador do blogger, siga estes passos:

>> ESQUEMA (LAYOUT)

>>> EDITAR HTML

>>>EXPANDIR MODELOS DE WIDGET

IMPORTANTE:

Antes de se fazer qualquer alteração no template do blogger,  faça sempre um backup do template, assim se algo correr mal, se acontecer algum erro durante a personalização do Blogger, é só recuperar o template original.

Com a personalização feita pelo Hack Modify Blogger Page Navigator,  modificamos e personalizamos os Links: "Postagem antiga", "Postagem recente" e o Link "Inicio".

Existem dois modos para modificar o navegador de páginas padrão do blogspot, o primeiro modo é modificando os textos dos respectivos links, o outro método é colocando uma imagem em cada um dos links.

Para editar e modificar o navegador original do blogger, vá até a área LAYOUT do seu Blogger e clique sobre EDITAR HTML.

NOTA: Lembre-se de EXPANDIR MODELOS DE WIDGETS.

Como modificar o Link " POSTAGEM RECENTE "?

No Template do seu Blogger, procure pelo código abaixo:

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

Apague a parte a vermelho e substitua por uma palavra à sua escolha,

Eu UZO o texto " PREVIOUS PAGE ".

Como modificar será o link " POSTAGEM ANTIGA "?

procure pelo código abaixo:

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

Apague a parte a vermelho e substitua por uma palavra da sua escolha,

Eu uzo " NEXT PAGE "

Agora vamos personalizar e modificar o texto " INÍCIO ",

Procure pelo código abaixo:

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

Apague a parte a vermelho e substitua por uma palavra de sua preferencia,

Eu UZO o texto " HOME PAGE " 

Caso queira subtituir o texto por uma imagem, substitua o código a vermelho pelo código abaixo.

<img src="URL DA IMAGEM">

Exemplo: <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh01I-dbK_sPNfFXSTNCw1jyrd_menI6UJBTXy4_3h37LtkcAWDFoeVK4a77XDAx_0SgTtH3wGL0ghvDFY_cCTbY57fx_XR-4dzx0RGJjuueIzKQACJGpYGLciDjp-OQk_qYg-G4BwANGG/s320/FTP.jpg">


Nota: Talvez seja necessário fazer a conversão do código da imagem, utilize o site blogcrowds.