ICONES DE NAVEGAÇÃO

Como vocês podem ver no rodapé da página do blog troquei os textos links de navegação, onde se encontravam os links postagens mais recentes - inicio - postagens mais antigas.

Vou ensinar aqui como se faz.

1° faça o backup completo do seu template, entrando no html do seu blog, clique em baixar modelo completo e salve no seu computador.

Depois marque Expandir modelos de widgets.

Procure a seguinte linha de código:

<b:includable id="'nextprev'"><br /><br /><div class="'blog-pager'" id="'blog-pager'"><b:if cond="'data:newerPageUrl'"><span id="'blog-pager-newer-link'"><br /><br /><a class="'blog-pager-newer-link'" href="'data:newerPageUrl'" id="'data:widget.instanceId" title="'data:newerPageTitle'"><data:newerpagetitle/></a><br /><br /></span><br /><br /></b:if><br /><br />expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderpagetitle/></a><br /><br /></span><br /><br /></b:if><br /><br /><b:if cond="'data:blog.homepageUrl"><br /><br /><a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a><br /><br /><b:else/><b:if cond="'data:newerPageUrl'"><a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a><br /><br /></b:if><br /><br /></b:if><br /><br /></div><br /><br /><div class="'clear'/"><br /><br /></b:includable>



Substitue todo o código por esse outro aqui:



<b:includable id="'nextprev'"><div id="'blog-pager'"><br /><b:if cond="'data:newerPageUrl'"><br /><a href="'data:newerPageUrl'" title="'data:newerPageTitle'" id="'blog-pager-newer-link'"><br /><img src="'http://img58.imageshack.us/img58/8076/leftxv5.png'/" /><br /></a><br /></b:if><br /><br /><b:if cond="'data:olderPageUrl'"><br /><a href="'data:olderPageUrl'" title="'data:olderPageTitle'" id="'blog-pager-older-link'"><br /><img src="'http://img260.imageshack.us/img260/9691/rightli5.png'/" /><br /></a><br /></b:if><br /><br /><a class="'home-link'" href="'data:blog.homepageUrl'"><br /><img src="'http://img260.imageshack.us/img260/6710/homepngrg7.jpg'/" /><br /></a><br /></div><br /><div class="'clear'/"></b:includable>

Assim você trocará os textos links de navegação do seu blog por ícones de navegação como no meu blog.

Leia Mais