Adicionando um quadro RSS no seu blog ou site

Com certeza muita gente gostaria de colocar as últimas notícias do Guia do Hardware automaticamente em seu blog, ou ainda, as últimas atualizações em termos de matérias, afinal, em nenhum outro lugar você acha textos iguais os nossos :-)

Mas pouca gente sabe que o processo de inclusão de um quadro RSS em um site ou blog é uma coisa muito simples: basta se dirigir à um site que faz o serviço pesado, simplesmente oferecendo um assistente e de dando o código HTML, e depois inseri-lo na sua página. A cada atualziação nossa, o quadro instantaneamente se atualiza, já com os novos textos, ou notícias.

Como a nossa meta é sempre te trazer as melhores informações, vamos para um passo-a-passo.

Primeiro, precisamos de algum site que faça a integração, isso é fácil através de uma pesquisa no Google através de “RSS integration”, mas vamos popuar cliques. Aqui estão os melhores sites:

• RSSInclude


• Infinite Penguins RSS Viewer v0.14b


• Feedroll RSS Viewer


• FeedSweep


• Feed2JS


• RSSxpress-Lite

Vou usar aqui nesta dica o RSSInclude, o mais simples e funcional. Os outros oferecem também opções avançadas em HTML, vai de acordo com seu gosto :-)

Então, mãos à obra. Abra seu navegador em http://www.rss-info.com/en_rssinclude-simple.html:


Vamos nos concentrar na parte de edição, dizendo o que significa cada campo:

• RSS URL: Nessa caixa, coloque o link do feed RSS do Guia do Hardware. Estão disponíveis 3:

Últimas atualizações

Todas as matérias do site: Dicas, artigos, análises, tutoriais e guias
http://www.guiadohardware.net/ultimas.xml



Blog: Carlos Morimoto

O feed de todas as dicas e novidades postadas no blog e avisos dos novos tópicos de livros da GDH Press disponibilizados online
http://www.gdhpress.com.br/blog/feed/



Últimas notícias

Feed com as notícias do site para você se manter informado
http://www.guiadohardware.net/feeds/ultimas-noticias.xml



Tópicos recentes do fórum

Fique atento com as novidades do fórum
http://www.guiadohardware.net/comunidade/external.php?type=rss2

Insira um desses links no campo, de acordo com seu desejo.

• Max. entries: Coloque o número de tópicos que irão aparecer no seu blog. Por exemplo, se digitar 10 e escolher o segundo link acima, esse vai ser o número de nóticias que vai ser exibido.

• Table/IFrame width: Largura, em pixels, da coluna com os RSS

• Background color: Cor do plano de fundo. Clique no ícone de paleta ao lado do campo para ver cores já prontas.

• Border color: Cor da borda

• Cell background color: Cor do fundo da célula onde estarão os textos

• Open Links in a New Window: Selecione a opção caso deseje que os links, ao serem clicados, abram em uma nova janela

• Integration: Escola a linguagem da integração. A mais usada, e eficaz, é a JavaScript. Se você possui uma página em PHP, pode escolher esta, e se tiver problemas de codificação (aparecer caractertes estranhos ao escolher uma das duas anteriores), esolha Iframe. Esta última é a forma mais rudimentar de integração.

Feito as escolhas, clique em “Create HTML”, e a seguinte página vai ser mostrada:


O código HTML vai ser mostrado logo abaixo, e mais adiante uma pré-visualização de como ficou a coluna. Copie este código inteiro, semelhante à este (mas não igual: aqui vão as configurações que escolheu):


Um problema para muitos é que, ao adicionar o RSS das "Últimas atualizações" do site, o mesmo exibirá toda a descrição da matéria na coluna, podendo ocupar muito espaço no seu site ou blog. Para exibir somente os títulos no quadro de integração, altere a última tag da segunda linha do código (como o acima), de showtext=1 para showtext=0.

Agora, vá para a página de seu servidor de blog, ou abra o HTML de seu site. Vou citar abaixo o exemplo do Blogger, onde inseri o código no local que queria, na coluna abaixo de meu perfil:


Para evitar sustos, clique sempre numa pré-visualização, como o botão “Visualizar” acima. Se tudo estiver OK, clique finalmente em “Salvar alterações no modelo”, ou salve da maneira de seu editor. Veja como ficou a integração no meu blog abaixo:


Você pode usar o Kolourpaint, por exemplo, em sua ferramenta “Conta-gotas”, para ver a cor que quer deixar semelhante, como no caso acima, no qual deixei o fundo da tabela igual à do blog. Você simplesmente captura a tela com o botão “PrintScreen” do seu teclado, colocar no seu editor de imagens, e usar a ferramenta.

Agora que você aprendeu, corra e coloque logo a integração RSS de nosso conteúdo no seu blog ou site. Com certeza os visitantes vão gostar muito ;-).