» Códigos, Dicas, Templates, Tutoriais para deixar o seu blog do seu jeito!

Como criar um Gadget com Posts de um determinado Marcador

Estou criando um novo blog e em uma das minhas pesquisas por templates para usar nele encontrei um hack que destaca os posts de um determinado marcador em uma gadget.
Resolvi testar aqui no TPV criando este gadget aqui do lado com o marcador: HACKS BLOGGER.
Como vocês podem ver Funcionou!

Vou ensinar como fiz.

É muito fácil você vai saber colocar no seu blog com muita facilidade e vai poder destacar os posts de um determinado Marcador onde você quiser.

1º Passo: Crie um gadget HTML onde desejar em seu blog:

 

Copie e cole nele este código java e faça as alterações necessárias:
<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="URL DO SEU BLOG/feeds/posts/summary/-/MARCADOR?max-results=5&alt=json-in-script&callback=recentpostslist"></script>
<a href="URL DO SEU BLOG/search/label/MARCADOR" style="float:right;font:normal 11px Arial;padding:5px 0;">MAIS DESTA CATEGORIA &#187;</a>

2º Passo: Entendendo e Configurando o Código.

Substitua no código java onde aparecerem estas palavras:

»URL DO SEU BLOG→ Coloque o endereço do seu blog.
Ex: Usei no meu gadget a URL daqui: http://templatesparavoce.com

»MARCADOR→ Coloque o nome do marcador que você quer destacar os posts. Importante: tem que ser o nome do mesmo jeito que está no seu marcador, ou seja, se seu marcador estiver todo em letras maiúsculas deve estar aqui da mesma forma.
Ex: O meu marcador HACKS BLOGGER é assim todo em maiúsculas então coloquei da mesma forma.

»max-results=5→ Este número determina a quantidade de posts que você deseja exibir.

»MAIS DESTA CATEGORIA→ Este é o link para o seu marcador. Escreva da forma que desejar. Ex: Veja mais - Mais deste Marcador - Mais deste Tema - etc...

»target="_blank"→ Este comando faz com que os links dos posts abram em novas abas. Se você não quiser que o link do post abra em outra aba apague-o.

Observações Importantes

♦ Aprendi este recurso neste site tentando configurar um template que baixei de lá,
♦ Também encontrei este recurso sendo ensinado em mais 2 sites que atribuem o código javascript a eles mesmos, então como não sei de quem é o código realmente para atribuí-lo deixo o link dos 2 sites: Site1 e Site2
♦ Existe também a opção de exibir thumbnails que são as miniaturas das imagens que usamos em nossos posts. Ainda não consegui editar o CSS da gadget com os thumbnails.
Vou estudar mais e assim que tiver um a solução para a exibição legal dos thumbs posto aqui como complemento desde post.

»Já aprendi!    Confira em: Como criar Gadgets de Marcadores com Thumbnails

NÃO é Permitido redistribuir os tutoriais/hacks ou os templates do TPV sem a prévia autorização de sua Autora.     A Citação da Fonte é Obrigatória.
Como criar um Gadget com Posts de um determinado Marcador Como criar um Gadget com Posts de um determinado Marcador Reviewed by Aurea R C on 10/01/2012 Rating: 5

19 comentários:

  1. Tem Como Colocar Com as Imagens Tbm'..
    Tipo:

    MARCADOR: Noticias


    [ img ] Homem Morre
    [ img ] Flu Ganha

    [..] Etc...

    ResponderExcluir
  2. @Webradio Santos
    Tem sim. Estou estudando este hack para poder colocá-lo aqui certinho.
    Aguarde só mais alguns dias.

    ResponderExcluir
    Respostas
    1. Cade esse post? Necessito dele!!!!

      Excluir
    2. Olá Emily e Beleza!
      Já fiz este hack.
      Está neste link!
      http://www.templatesparavoce.com/2013/02/gadget-marcadores-miniaturas-label-thumbnails.html
      Publiquei aqui mesmo no final do post!

      Excluir
  3. Poxa ta ligado ja fazia um tempão que eu tava tentando fazer isso e nunca conseguia...... Valeu memso

    ResponderExcluir
  4. Ola Parabéms pelo tutorial , estava em busca disso a Tempo. Mais Vir em outro blog com imagems , como Faço para q as imagems apareça tb ? Obrigado pela atenção abraço.

    ResponderExcluir
  5. @Cássia VasconcelosOlá Cassia,

    Que bom que você gostou!
    Seja sempre bem vinda!

    ResponderExcluir
  6. @ADM: Baixar Livre HDADM,

    Mande o link onde viu com imagens para eu poder decifrar e colocar aqui!

    Obrigada!

    ResponderExcluir
  7. tem video aula passo passo para mim bem melhor
    Como criar um Gadget com Posts de um determinado Marcador

    ResponderExcluir
  8. será muito bom se fizer isso, pois eu precisava deste codigo!

    ResponderExcluir
  9. @Anon silvaAnon Silva,

    Já publiquei o tutorial da gadget de marcadores com as thumbnails.

    ResponderExcluir
  10. boa noite linda amiga ,amei seu blog, bom assim, gostaria que vc me tirasse uma duvida, eu quando vou tentar editar o html do meu blo e clico ctrl F, nao axa o codigo especifico como devo fazer para encontra-lo grata amada, aguardo resposta.bjs

    ResponderExcluir
    Respostas
    1. Olá Alcicleia,

      Você precisa clicar em cima do código do editor de HTML uma vez e clicar em Ctrl+F. Para abrir o search do editor. Se você já fez isso. Tente colocar pedaços do código que deseja, as vezes não está exatamente da forma que copia e cola. Assim também pode dar certo.
      Seja bem vinda ao TPV e desculpe a demora para responder. Estava bem ocupada estes dias.
      Um abraço

      Excluir
  11. Eu coloquei no meu blog mas ele acabou aparecendo na barra lateral. Eu gostaria de poder botar no fim dos posts. Você sabe como fazer isso no novo Blogger?
    Obrigada!
    Dália Agner

    ResponderExcluir
  12. Olá Aurea, muito oportuna essa sua dica. Estava mesmo querendo algo parecido. Testei no meu e deu certo!!
    Muito obrigado pela dica... Abraços!

    ResponderExcluir
  13. Eu instalei no meu blog, em "numpost" eu coloquei 1050, mas só que não aparece os 1050 posts na página que eu coloquei o código. Tem como mudar alguma coisa no código para que apareceça todos os posts?

    ResponderExcluir
  14. Olá, quando eu coloco esse código no blog, o layout todo some e só aparece os links para o marcador que eu deixei. Tem como arrumar isso? D:

    ResponderExcluir
  15. Nossa parabens pelo codigo.. Ótimo!!!!

    ResponderExcluir

Todos os comentários são lidos e moderados antes da publicação.
Para que seu comentário seja publicado leia a Política de Comentários do Blog no post Regras do Blog

Tecnologia do Blogger.