Tutorial: Imagens Miniaturas e Resumo das Postagens do Blogger na Slidebar

Boa tarde, vocês devem ter visto aqui no dicadedica o slide bar com widgets de miniatura das postagens do blog e agora vou encinar como é fácil colocar este resumo das postagens na barra lateral com imagens que atualiza automáticamente junto com o rss (Feeds) do blogger.







  1. Primeira coisa é acessar o a página:
    Recent Post with Thumbnails Widget
  2. Onde tem o espaço para digitar o endereço, coloque o endereço do rss do seu
    blog o do dicadedica é : ( http://feeds.feedburner.com/blogspot/dicadedica) você pode tentar substituir o que está em vermelho pelo endereço do seu blog
    (http://endereço do seu blog/feeds/posts/default)

  3. Agora abaixo você faz as modificações que deseijar na tela abaixo:
    (Tradução das configurações)
    Mostrar o canal? (sim / não / título) Exibir informações sobre o editor da alimentação (sim = mostrar o título e descrição; title = exibir título só, não = não mostra nada)
    sim título não

    Número de itens a serem exibidos. Digite o número de itens a serem exibidos (digite 0 para mostrar todos os dados disponíveis)

    Mostrar / Esconder item descrições? Quanto? (0 = sem descrições, 1 = mostrar uma descrição completa texto; n> 1 = display primeiros n caracteres de descrição; n =- 1 não link item título, basta exibir conteúdo item)
    Imagem
    Altura (px)
    Largura (px)
    Border Estilo
    Border Largura (px)
    Cor de borda

    Alvo links na nova janela? (n = "não, abrir links na mesma página", y = "sim, abrir links em uma nova janela", "xxxx" = abrir links em uma moldura chamada 'xxxx', 'pop' = utilizar uma função JavaScript popupfeed ( ) para abrir numa nova janela)
    Codificação de caracteres UTF-8
    (Importante se não marcar aparece um monte de interrogação ou quadrinhos)
    Necessário para muitos não-ocidentais língua páginas da web e também pode ajudar se você vir caracteres estranhos substituição cita na sua produção (ver páginas de ajuda para mais informações).
  4. Depois de pre-visualizar é hora de inserir no blog, tem duas opções para isso:
    Olhe o lado superior direito da tela para localizar os botões!

    • Primeiro você deve clicar em [Generate Javascript] para gerar o código.
    • Depois de gerado clique em [Preview Feed] para visualizar as modificações
    • Agora clique em [ADD TO Blogger] para adicionar o widget automaticamente.
    • Ou você pode optar por copiar o script que aparece no quadro e adicionar como elemento de página manualmente (Para quem conhece um pouco mais de html)
  5. Pronto agora é só visualizar deverá ficar assim:
    É claro que o script irá aderir ao css do seu blog ficando da cor do seu template e você tambem poderá trocar o título do widget no seu painel de controle, dúvidas é só comentar.

    Ass: Moises Dicadedica
Postar um comentário

Postagens mais visitadas