Construir gadget xml module

Estou estudando a construção de módulos xml para Blogger, simplesmente aprender.
Está aqui o primeiro exemplo, bem simples, adicionar verbratec ajuda do Blogger com botão, veja na sidebar.
É possível também adicionar o mesmo gadget por url. A funcionalidade é que acredito ser mais importante, pois abre horizontes para várias aplicações; fica a cargo de criatividade individual.
Nesta postagem apenas vamos esclarecer alguns pontos, nas próximas postagens aprenderemos muito mais. Nesta segunda imagem vemos a tela que abrirá para o blogueiro adicionar o gadget; a mensagem assusta num primeiro momento, mas é necessária,é realmente importante saber de que se trata antes de incluir em seu blog.
Note os detalhes:
  • Selecione o blog desejado para a inclusão.
  • Escreva o título se assim desejar.
  • Click na seta para editar ou conferir o conteúdo
  • Note a presença do link para esta postagem.
  • Click em adicionar widget.
Para este exemplo usarei o blog jairdejesustecplus veja que o conteúdo é mostrado e pode inclusive ser ajustada a altura e largura de acordo com a necessidade de seu blog.
Coloquei o título Construindo para o exemplo.
Aqui é possível arrastar para a posição desejada e visualizar seu blog antes de salvar a organização.

Aqui o visual final, bem simples, para tornar possível uma melhor combinação com as cores mais usadas.
Na próxima postagem mostrarei mais detalhes do projeto, por enquanto deixo o link do xml https://verbratec-gadgets.googlecode.com/svn/helloverbratecajuda.xml obrigado pela atenção e uma boa navegação!

A apresentação do widget link-me verbratecajuda agora apresenta uma mensagem diferente a cada abertura e aqui cabe salientar o uso do cache, é claro que este widget é bastante simples e não terá milhões de usuários visualizando, porém como estou usando serviço gratuito para o servidor php melhor prevenir. Note que embora pareça feio ele é perfeitamente ajustável, veja:

Ao instalar, sem título e com altura em 160 pixels:

Para um começo de estudo estamos indo bem!

A próxima etapa deverá ser um pouco mais complexa.

Alguns detalhes podem ser captados do pdf https://webcourse.cs.technion.ac.il/236512/Winter2007-2008/ho/WCFiles/iGoogleTechnion.pdf IGoogle didática gadgets por Ran Tavory iGoogleTechnion.

Obrigado pela sua atenção e uma boa navegação!
Editado em 08/10/2012

إرسال تعليق

Jair de Jesus يقول... 27 سبتمبر 2012 في 8:50 ص

Sei que existem erros, este é um estudo, quero aprender como faz o widget. Usando o xml se por exemplo eu preciso trocar o endereço do e-mail para o GMail, faço no xml e todos os blogs que estiverem com o Yahoo passam a exibir GMail. A grande diferença de usar o widget com XML.

William Garibaldi يقول... 1 أكتوبر 2012 في 5:30 م

Oi Jari! Será que dá pra construir um Gadget que mostre as postagens mais lidas ou que o blogueiro quiser destacar em Slides?...

Abraço!

Jair de Jesus يقول... 2 أكتوبر 2012 في 11:38 ص

Olá Wiliam!
Pelo que entendi até aqui, é possível fazer tudo dentro do blog Blogger, desde que tenha a devida permissão, por isso é preciso ter cuidado, tem meninos e meninas (também) que sabem mais muito mais que eu e usam o conhecimento para prejudicar os outros:
1- Mostrar postagens em slides com JQuery por Keith Wood.
2- Arquivo hospedado no GoogleCode http://accordion-for-blogger.googlecode.com/svn/trunk/jqueryimagecube.js
3- Este e outros projetos na página do autor http://keith-wood.name/imageCube.html
4- O widget funcionando em blog Blogger http://jairgb.blogspot.com/

No fim a resposta é sim, é possível usando JQuery.
Abraço!

Deixe seu comentário 'humano'!

[blogger][facebook]

Jair de Jesus

Estudante de HTML, CSS, json, Blogger e tal.{picture#https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_X8kjnFQ6gqz7mpAsGYmndUBnVFuhUwtt2T4rjn6FnitkZZUulhSIzmhVsYGWIHULCAqOObPV3xw9ru-dSPBPuWhT9PGtv-XEK1A5I6l8bJtjEjRsYYleMWoCvtjOtVhDRusviMdEFBU/s35/jair.jpg}{facebook#https://facebook.com/verbratecajuda}{youtube#https://youtube.com/@estudoviolaoclassico} {twitter#https://twitter.com/verbratecajuda}

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *