Adicionando um quadro RSS no seu blog ou site

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 várias em:
  https://www.hardware.com.br/rss.html

• 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 ;-).