Como colocar numeração de páginas no Blogger

Melhorar a navegação do seu layout pode trazer um ganho relevante em matéria de qualidade de visitas. O tempo de duração de cada acesso pode aumentar e o número de páginas por acesso também. Criar um layout é muito mais complexo do que saber linhas de códigos, é entender como o usuário navega e transformar seu blog em algo bonito e usual.

Sabendo que o Blogger não disponibiliza algo fácil para seus desenvolvedores, é preciso se virar bem com JavaScript. Dessa forma, é possível colocar um menu de navegação de páginas numeradas no lugar dos típicos links “Próxima página” e “Página anterior”, deixando o blog mais usual e bonito.

Veja abaixo como implementar o recurso em seu blog:

1) Faça login no Blogger, entre em “Layout”;

2) Clique em “Adicionar um Gadget”. Escolha a opção “HTML/JavaScript”. Insira o seguinte código dentro da caixa aberta:

<style type="text/css">
#blog-pager{font-size:normal;padding:10px 0;clear:both;}
.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}
.showpageArea a{color:#000}
.showpageNum a{padding:3px 8px;margin:0 2px;text-decoration:none;border:1px solid #999;background:#ddd;color:#000;}
.showpageNum a:hover{border:1px solid #888;background:#ccc}
.showpageOf{margin:0 2px 0 0;padding:3px 8px;margin:0 2px;text-decoration:none;border:1px solid #999}
.showpagePoint{color:#fff;padding:3px 8px;margin:2px;border:1px solid #999;background:#666; text-decoration:none}
</style>
<script style='text/javascript'>
var numshowpage=4;
var postperpage =3;
var upPageWord="Anterior";
var downPageWord="Próxima";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://dl.dropbox.com/u/35784805/Mil%20Trucos%20Blogger/paginacionbloggermtb.js'></script>

Depois, faça as alterações que quiser no código, como:

numshowpage: Número de páginas além da primeira disponível no menu de navegação;
postperpage: Número de postagens por página;
upPageWord: Texto para página anterior;
downPageWord: Texto para próxima página.

Caso você entenda de CSS, modifique o código e deixe a aparência que desejar, depois clique em “Salvar”.

http://www.codigosblog.com.br/2013/04/como-colocar-numeracao-de-paginas-no-blogger.html

Photoshop: Como criar o efeito Sunburst com 3 variações.

5/17/2013 10:17:00 PM Photoshop, Tutoriais Imagem 0 comments

Descrição: Neste tutorial veremos como criar o efeito sunburst e duas variantes do efeito utilizando filtros e modos de blend.

01. Pressione Ctrl+N para criar um novo documento e defina os valores abaixo.

02. Pressione Ctrl+Shift+Alt+N ou clique no ícone de Create New Layer no rodapé da paleta de layers para criar uma nova layer, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá da cor #ff0060 para a cor #fff000 no modo Linear e aplique na layer como na foto abaixo.

03. Vá em Filter> Distort> Wave e defina os valores abaixo.

04. Vá em Filter> Distort> Polar Coordinates e defina os valores abaixo, esse é o primeiro resultado do efeito, agora vamos aos outros.

05. Pressione Ctrl+J para duplicar a layer, vá em Filter> Distort> Zigzag e defina os valores abaixo.

06. Caso queira outro resultado final clique na layer original do efeito, pressione Ctrl+J para duplicar novamente a layer, deixe a layer acima de todas as outras, vá em Filter> Distort> Twirl e defina os valores abaixo.

07. Agora vá em File> Place e adicione uma textura qualquer, redimensione de acordo com o tamanho do seu documento e pressione Enter para finalizar a transformação, mude o modo de blend da layer para Linear Burn e defina a opacidade para 50%, pressione Ctrl+J para duplicar a layer e mude o modo de blend para Soft Light e defina a opacidade para 50%, no final seu efeito ficará como o da foto abaixo.