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.
Copie e cole nele este código java e faça as alterações necessárias:
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.
♦ 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.
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 »</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
Reviewed by Aurea
on
10/01/2012
Rating:
Tem Como Colocar Com as Imagens Tbm'..
ResponderExcluirTipo:
MARCADOR: Noticias
[ img ] Homem Morre
[ img ] Flu Ganha
[..] Etc...
@Webradio Santos
ResponderExcluirTem sim. Estou estudando este hack para poder colocá-lo aqui certinho.
Aguarde só mais alguns dias.
Cade esse post? Necessito dele!!!!
ExcluirKd Aurea?
ExcluirOlá Emily e Beleza!
ExcluirJá 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!
Poxa ta ligado ja fazia um tempão que eu tava tentando fazer isso e nunca conseguia...... Valeu memso
ResponderExcluirOla 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@Cássia VasconcelosOlá Cassia,
ResponderExcluirQue bom que você gostou!
Seja sempre bem vinda!
@ADM: Baixar Livre HDADM,
ResponderExcluirMande o link onde viu com imagens para eu poder decifrar e colocar aqui!
Obrigada!
tem video aula passo passo para mim bem melhor
ResponderExcluirComo criar um Gadget com Posts de um determinado Marcador
será muito bom se fizer isso, pois eu precisava deste codigo!
ResponderExcluir@Anon silvaAnon Silva,
ResponderExcluirJá publiquei o tutorial da gadget de marcadores com as thumbnails.
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
ResponderExcluirOlá Alcicleia,
ExcluirVocê 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
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?
ResponderExcluirObrigada!
Dália Agner
Olá Aurea, muito oportuna essa sua dica. Estava mesmo querendo algo parecido. Testei no meu e deu certo!!
ResponderExcluirMuito obrigado pela dica... Abraços!
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?
ResponderExcluirOlá, 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