PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

06/03/2010

Aprenda a criar e exibir listas personalizadas dos seus posts (apenas para o Blogger)

 iconesrsscoloridos

Crie listas personalizadas dos seus posts e organize o seu blog  (apenas para o Blogger)

Todo mundo gosta de ter um blog organizado e de fácil navegação,… e que possa divulgar os seus “tesouros” posts mais recentes na ordem de data, ordem alfabética ou aleatoriamente. E porque não exibir os comentários mais recentes, ou uma lista de posts definida pelos seus marcadores?

Nesta dica vamos mostrar como fazer tudo isto sem nenhuma complicação ou dificuldade. Você não precisará saber nada de HTML, Scripts ou Códigos, basta apenas seguir os passos que mostraremos abaixo:

Relembrando sobre Feeds (Blogger)

Se você não lembra, Feeds são listas de atualização de conteúdo de um determinado blog ou site, e podem ser acessados através de links sem que se necessite visitar o blog ou o site em si.

Os feeds mais comuns para o “Blogger” possuem as seguintes estruturas:

38_16x16Feed dos posts

http://seublog.blogspot.com/feeds/posts/default

38_16x16Feed dos comentários

http://seublog.blogspot.com/feeds/comments/full

38_16x16Feed dos marcadores

http://seublog.blogspot.com/feeds/posts/default/-/label

ATENÇÃO: Substitua “seublog” pelo nome do blog e “label” pelo nome do marcador

Exibindo os seus Feeds (feed.informer)

Para você exibir as suas listas de posts, tanto no sidebar como nas suas postagens, vamos utilizar um webware que fará todo o serviço…

O Feed.Informer é um site de serviço online, gratuito e que cria listas personalizadas através dos feeds do seu site ou blog.

info

 

Acesse o site: http://feed.informer.com/

 

Cadastre-se no site clicando em <Sign UP> e faça o login clicando no botão <Sign to Your Account>

image

Criando a sua lista (Disgest = Sumário)

Clique no botão <create new digest>

image

No campo “Add new feed to this digest”  coloque o feed do seu blog.

ATENÇÂO: Escolha a estrutura do feed de acordo da lista que você deseje:

    1. Feed dos Posts: Para Posts Recentes ou Posts Aleatórios
    2. Feed dos Comentários: Últimos Comentários
    3. Feed dos Marcadores: Posts relacionados por marcador

image

Para aprendermos a utilizar o feed.informer, vamos utilizar o Feed dos Posts, que no nosso caso é:

http://visualdicas.blogspot.com/feeds/posts/default

Após inserir o feed clique no botão <Submit>

image

Definindo o conteúdo da sua lista (Digest Settings)

Clique agora em <2.Digest Settings>

image

Agora defina os parâmetros de seu Feed:

  1. Digest Name (Nome para identificação do feed),
  2. Order Intens By (Ordem para exibição dos posts: Item Date (pela data de publicação), Original Order (pela ordem de inclusão dos posts, independente da data de publicação), Item Title (ordem alfabética), Random (Ordem aleatória), Descending (Decrescente), Ascending (Ascendente)
  3. Timezone: fuso horário em relação a Greenwich – Brasilia e São Paulo (-3) sem horário de verão (deixe em branco se você não sabe)
  4. Max Itens to Show: Máximo de posts que você deseja mostrar (o feed.informer versão free permite no máximo 50 itens)
  5. Output Encoding: use UTF-8 (Default / Internacional)
  6. Language: Ainda não existe uma versão em português, portanto utilize English
  7. Search Query: Serve como um filtro, que exibirá apenas posts que apresentam determinadas palavras que você definir. As palavras deverão estar separadas por vírgulas.
  8. Show Only Live Itens: Mostrar apenas os itens que realmente estão no blog (recomendável selecionar este parâmetro)
  9. Dupe Filters: Filtros para remoção de itens duplicados
  10. Remove FI Logo This Digest: Clique no botão se desejar remover o logo do Feed.Informer. (não recomendado – acho legal dar crédito ao autor do site…

Após o seu Feed estar parametrizado, clique no botão <Save Changes>

ATENÇÃO: Não se preocupe agora com os parâmetros que você utilizou. Após criado o seu Digest (Sumário), você poderá alterará-los e mudar a sua lista automaticamente.

image

Personalizando a sua lista (Digest Design)

Clique em <3. Digest Design> e defina o modelo que deseja exibir a sua lista de post

image

modelo HTML

Escolha o template e clique em <Save Changes>

Obs: Se você conhece bem HTML, poderá alterar o criar novos templates, clicando no link <Edit template HTML manualy>

image

Exemplo utilizando o template <Smart Headline with Source>

modelo FLASH

Defina os parâmetros e clique em <Apply>

image

modelo FLAH (Legacy)

Escolha o template e clique em <Save Changes>

image

Exemplo utilizando o template <Deep Blue>

modelo PICTURE

Escolha o template e clique em <Save Changes>

image

Exemplo utilizando o template <Sunny camomiles>

 
 

Publicando sua lista (Publish Digest)

Depois de criar a sua lista (Digest) através das estruturas do feed do seu blog, parametrizar o conteúdo, definindo o nº de itens e a ordem de visualização (por data, ordem alfabética ou ordem aleatória, decrescente ou ascendente) e escolher os modelos do design de apresentação, você agora poderá publicar a sua lista.
 
Clique em <4.Publish Digest>
 
image
 
Agora escolha o formato desejado: JavaScript (modelo HTML), Flash,  Flash (legacy), Picture, PDF. O Feed.Informer também permite você publicar suas listas em PHP ou ASP, bastando escolher estes formatos.
 
Copie o código apresentado no campo <Get inclusion code>, e cole nos seus posts ou gadgets…
 
 

Como editar as suas listas (digests)

Na barra lateral em My digests, clique em <Manage digests>

image

Escolha o digest que quer fazer as alterações, clique no titulo e edite os passos: 1.Digest Sources / 2.Digest Settings / 3.Digest Design  e publique em 4.Publish Digest

image

ATENÇÃO: Todas as alterações são automáticas, mas podem demorar algumas horas para surgir efeito direto no seu blog, em função do cache do sistema do Feed.Informer. O mesmo acontece com as atualizações do seus posts… portanto, não se desespere. Aguarde algumas horas e verá as atualizações surgirem.

Bem, agora é com você. Com as combinações que o site feed.informer permite com os feeds do seu blog, parâmetros e modelos de design, use a sua criatividade e divulgue seus posts de maneira bem legal!

Opinião

Como podemos observar, o serviço online do feed.informer permite criar listas de posts de forma bem prática e fácil, além de disponibilizar uma quantidade expressiva de modelos e filtros. Com o feed.informer, você não precisa entender de nenhuma linguagem de programação para fazer listas complexas e com um design bem agradável.

Pontos Negativos: 1. Ainda não existe uma versão em português / 2.Cache do sistema é um pouco demorado para as atualizações

até mais… [ byALF ]




3 comentários:

Denise Ayres disse...

simplesmente perfeito!!

Denise Ayres disse...

a cada novo post, temos que refaz o processo??

Visual Dicas - Cursos e Treinamentos disse...

Olá Denise,

Não é preciso refazer o processo a cada novo post.

Todas as alterações são automáticas, mas podem demorar algumas horas para surgir efeito direto no seu blog, em função do cache do sistema do Feed.Informer.

O mesmo acontece com as atualizações do seus posts… portanto, não se desespere.

Aguarde algumas horas e verá as atualizações surgirem.

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More