Recorde:
Mas ainda não havia publicado nenhum tutorial que ensinasse como exibir os posts mais vistos do blog em formato de slide.
Não sabe do que estou falando? Veja a demonstração:
Quer aprender como colocar em seu blog?
Vem comigo!
Posts mais vistos em formato slide
Para começar é preciso inserir o gadget Popular posts em seu blog.
Mesmo se já tiver o gadget instalado pode colocar essa versão, basta inserir novo gadget.
Faça assim: na aba Layout de seu template clique em Adicionar um gadget. Dentre as opções escolha Popular posts e configure como desejar.
Salve, arraste para onde deseja que fique e salve a alteração do Layout.
Agora acesse a página com os códigos que vamos usar na personalização:
A seguir clique na aba Tema de seu blog e escolha Editar HTML.
Dentro da caixa do código fonte de seu template tecle Ctrl+F e digite ]]></b:skin> na barra de busca que expandir.
Tecle Enter para localizar e acima de ]]></b:skin> cole o CÓDIGO CSS.
Salve.
Localize a tag de fechamento </head> e acima dela cole o CÓDIGO JAVASCRIPT.
Salve.
Localize a tag </body> e acima dela cole o CÓDIGO DE AJUSTE DAS MINIATURAS.
Salve.
Agora preste atenção!
No alto do código fonte de seu template tem um menu escrito Ir para um widget.
Clique nele; ele vai expandir e mostrar todos os widgets instalados em seu blog.
Localize o widget PopularPosts1 caso você só tenha instalado 1 ou PopularPosts2 caso tenha instalado mais de 1.
Lembra gadget dos posts mais vistos que acabamos de instalar?
Então, é esse ID que você precisa achar.
Achou?
Ele começa assim:
<b:widget id='PopularPosts
e termina assim:
</b:widget>
Selecione de até assim como eu deixei selecionado na imagem abaixo:
No lugar do trecho selecionado cole o CÓDIGO DO GADGET.
Salve.
Está feito!
Dúvidas?
Diz aí nos comentários e eu auxilio se for possível.
Enjoy!
