19 de jun de 2011

Widget de artigos recentes com rolagem automática.

Um Widget interessante definitivamente pode ser fundamental para fazer com que seus visitantes se interessem por mais artigos do que vieram procurar em seu blog. Hoje vamos ensinar como inserir o Widget de artigos recentes com rolagem automática, uma ferramenta para Blogger que pode ser inserida na sidebar e que, com certeza fará que os leitores visitem um maior número de artigos em cada visita.

O cuidado com o local de implementação sempre deve ser tomado para qualquer recurso que formos inserir no blog então recomendo atenção para que este Widget fique num local pouco invasivo e, ao mesmo tempo, atrativo. Tudo bem, tendo em mente estes quesitos, vamos ao tutorial:

PRIMEIRO PASSO: Login

Acesse o painel do seu blog e vá em Design >> Elementos da Página.

SEGUNDO PASSO: Inserindo o código

Preferencialmente na barra lateral, selecione "Adicionar Gadget" e escolha "Html/Javascript". Aqui iremos adicionar o código abaixo, editando conforme preferência pessoal: 




TERCEIRO PASSO: Edições e personalizações 

Aqui está uma parte importante deste Widget. O padrão adotado serve perfeitamente para blogs com fundo claro, mas para blogs com fundo escuros, precisará fazer algumas mudanças para melhor adaptação. Vamos às possíveis mudanças: 

URL: Primeiramente vamos inserir a url do blog para que o Widget procure pelos posts adequados em sua página. Troque onde está escrito 
ENDEREÇO-DO-SEU-BLOG pelo endereço de seu blog, se isto não for feito, o Widget não vai funcionar.

Altura do Widget: Para modificar a altura do Widget vá em #spylist e procure por height:, troque o número 350 pela altura desejada aumentando ou diminuindo (não recomendado). 

Largura do Widget: Vá em #spylist ul e #spylist li e procure em ambos por width:, mude o valor 250 para a largura que melhor se adequa ao tamanho dos Widget de sua barra lateral. Para saber a largura disponível para Widget na barra lateral vá no Html do seu blog e procure por widget-content, aí estará a indicação da largura disponível para os Widget. 


Cor de Fundo: Em #spylist li procure por background e para mudar a cor retire o que está entre parênteses após URL, ficará assim URL( ). Ainda em background edite a cor do fundo substituindo a cor branca ( #FFF) pela cor de sua preferência sempre retirando o que está entre parênteses. Aqui temos um artigo com uma 
tabela de cores Html onde poderão consultar o código da cor desejada. 

Borda: Também em #spylist li procure por Border e mude onde está 1px para a largura desejada aumentando o número, 2px por exemplo. Ainda em Border mude a cor #FFF pela cor desejada usando o código HTML referente. 

Número de artigos: Esta mudança é a mais utilizada, trata-se de escolher o número de artigos recentes a serem exibidos. Para modificar, procure mais ao final do código, por numposts: e mude a quantidade (20) para a quantidade que quiser exibir. Recomendo colocar mais artigos do que sua página inicial já exibe, mas sem exagerar para não prejudicar o desempenho. 

Estas são as principais mudanças; outras podem ser feitas, se quiser fazer outra mudança deixe seu comentário e mostraremos como. 


QUARTO PASSO: Salvando e finalizando 


Tendo feito as mudanças salve o seu Widget e confira como ficou. O título do Widget fica à sua escolha.


Duvidas? escreva um comentário, e a equipe do construtor de blogs vai lhe responder o mais rapido possível.

Até o Próximo Post.

0 comentários:

Postar um comentário

Compartilhe sua opinião, deixe um comentário.

Inscreva-se

Inscreva-se e receba nossas atualizações por e-mail.

beruby.com - O Portal que lhe d recompensas por navegar [CONSTRUTOR DE BLOGS] - Aprenda como criar blogs e sites.

Os comentários autorizados neste blog são para fomentar a conversação e intercâmbio de idéias/opiniões entre os usuários. Para poder participar você deve respeitar as normas básicas de convivência e respeito. Os comentários feitos pelos usuários são de sua inteira responsabilidade. O Construtor de Blogs reserva o direito de eliminar qualquer mensagem que considere infringir as normas. Para qualquer dúvida ou sugestão, contacte-nos através de construtordeblogs@live.com

Fica proibido qualquer tipo de cópia de conteúdo sem permisão do blog.

Copyright © 2011 Construtor de Blogs, All Right Reserved. Design by Java Templates Powered by Blogger

  • Visite o nosso canal no Youtube
  • Siga o Construtor de Blogs no Twitter
  • Assine o nosso Feed. É Grátis