ct

    Adicionando um quadro RSS no seu blog ou site

    Dicas do Guia do Hardware

    Se você tem um blog ou site e sempre quis deixá-lo atualizado com os últimas matérias, notícias, tópicos na comunidade ou com os lançamentos do blog, está no lugar certo. Aprenda aqui a como integrar à sua página uma coluna com as últimas atualizações RSS do site, já com os links e o melhor - adicionando novas entradas automaticamente.Júlio César Bessa Monqueiro
    16/03/2007


    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:

    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:

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

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


      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:

    site_html_5e2c38ca
    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):

    <script language="javascript" src="http://www.rss-info.com/rss2.php?integration=js&windowopen=1&rss=http%3A%2F%2Fwww.guiadohardware.net%2Fultimas.xml&number=10&
    width=300&ifbgcol=FFFFFF&bordercol=D0D0D0&textbgcol=F0F0F0&rssbgcol=F0F0F0&showrsstitle=1&showtext=1">
    </script>

    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:

    site_html_m1031ddc3
    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:

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



    Blog:

    Add to Google

    » Gostou do texto?
    Veja nossos livros impressos:

    Smartphones | Linux | Hardware
    Redes | Servidores


    ... ou encontre o que procura usando a busca:

cb
ct
Atualizações



[19/03] Montando um DVD de vídeo na unha, via terminal (atualizado)
[18/03] Core i7: Gulftown e a era dos 6 núcleos
[17/03] Artigo: Primeiras impressões do Haiku (alfa)
[16/03] Criando um sistema de recuperação usando o SystemRescueCD
[15/03] Processadores AMD, parte 2: Phenom II e o Athlon II
[14/03] AMD 890GX
[13/03] Dica: kMyFirewall, um firewall gráfico para o KDE
[12/03] Processadores AMD, parte 1: o Phenom
[11/03] Artigo: Uma olhada no PC-BSD 8.0
[10/03] Artigo: Investigando os modelos do Eee PC
[09/03] Artigo: nVidia Optimus
[05/03] Artigo: Comparativo de desktops: Zenwalk, Salix OS e GoblinX
[03/03] Artigo: Meego: a fusão entre Maemo e Moblin
[02/03] Artigo: Uma breve análise do Linux Mint 8 'Helena'
[01/03] Processadores: Chipsets e placas para o Core 2 Duo, Quad e Celeron
[26/02] Tutorial: Criando um loop de vídeo com o Kino e o Audacity
Destaques



» Hardware o Guia Definitivo, disponível para leitura online
» Como um HD funciona: Head Switch Time
» Redes: TCP/IP, endereçamento e portas
» O básico para o Debian Lenny no desktop
» Configurando um servidor de rede local com o Ubuntu, fácil
» Uma breve análise do Linux Mint 8 'Helena'
» Programação Orientada a Objetos: uma introdução
» Smartphones: TCPMP e CorePlayer
» PCI Express: compatibilidade, linhas de dados e o PCIe 2.0
» Dual-SIM: Usando dois chips no mesmo aparelho
» Smartphones e telas: Tamanho e touchscreen
Receba as atualizações diariamente por e-mail:
Assine o RSS Veja todas as atualizações... Add to Google
cb
Livros de Carlos E. Morimoto Contato HOME