Paginação estilo amendoim para Blogger

Paginação estilo amendoim para Blogger
Olá amigos Mult-focos, temos aqui uma paginação estilo amendoim para Blogger.
Trata-se de um projeto que a navegação de página foi inspirada em grãos de amendoim, porém apesar do formato nada lhe impede de mudar suas cores para as que mais combinem com seu blog bastando para isto experiência da sua parte para fazer as alterações.


Veja o DEMO e se agradar siga o passo-a-passo para adicionar em seu blog.
Clique em DEMO ou em result no box de códigos.
 
DEMO
 
I - Entre no painel do Blogger->Modelo->Editar HTML->Use Ctrl+F e localize ]]></b:skin>
II - Copie o código CSS e cole antes de ]]></b:skin>
III - Clique em visualizar modelo e se tudo estiver certo clique em salvar modelo.
IV - Clique em layaut->adicionar um gadget->HTML/JavaScript->copie o código JS e cole em conteúdo->salve.
V - Agora posicione o gadget abaixo de postagens do blog preferencialmente.
VI - Clique em salvar organização e esta concluído.

Códigos CSS e javascript
<div id="blog-pager">
    <a class="prev" href="#">«</a>
    <a class="num" href="#">1</a>
    <a class="num active" href="#">2</a>
    <a class="num" href="#">3</a>
    <a class="num" href="#">4</a>
    <a class="next" href="#">»</a>
</div>
See the Pen qwopC by Mairink (@Oemes) on CodePen.
Postado por Mairink Oemes







0 comentários:

Postar um comentário

Todos comentários são lidos e moderados previamente.
São publicados apenas aqueles que respeitarem as regras abaixo:
-Ter relação com o assunto do post.
-Não conter propagandas de outro site ou blog.
-Não incluir links no conteúdo do comentário.
-Se quiser deixar sua URL, comente usando a opção OpenID;
Obrigado(a) por comentar!

free website hit counter