09/27/12

Hoje veremos como é o procedimento de instalação de um widget pelo url, seu próprio widget, no painel há o link adicionar um gadget. Quando clicado abrirá uma janela, e é bom estar com o url do arquivo.xml do gadget desejado, aqui no caso usarei o mesmo até para uma melhor comparação: https://verbratec-gadgets.googlecode.com/svn/helloverbratecajuda.xml
Ao clicar no link abrirá esta janela e então aparecerá a opção próprio
Perceba que a opção seu próprio está selecionada, cole o caminho(URL) do arquivo.xml e click em adionar por url. Lembre-se sempre de usar um blog de testes para os seus estudos.
Conforme o widget modulo for construido apresentará opções de configuração, neste exemplo pode ser ajustada a altura, bem como é possível editar o título.
Mas Jair como que faz o widget? Calma, muita calma, é preciso antes saber como instala para poder testar, ou seja: vai fazendo seu código e vai testando, facilita muito para ao encontrar um erro resolver sem esquentar a "cuca" ok? Uma vez configurado click em salvar.
Aqui o procedimento é o mesmo arrasta para a posição desejada, confere, visualiza e salva.
Para terminar esta segunda parte veja como a renderização é igual.
Para editar a altura diretamente no código quando no modo apresentado na primeira parte, já aqui vimos a interface gráfica onde se pode fazer a edição de uma forma muito mais simples.
Na terceira parte iremos conhecer o ambiente onde tudo começa,obrigado pela atenção, até breve e uma boa navegação!


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

Estudante de HTML, CSS, json, Blogger e tal.{picture#https://1.bp.blogspot.com/-nLQAtnyjw9Q/XgewzgENccI/AAAAAAAAFJw/hVY1XC8En2EEMSDsJWk3J4_UTMNDxGR8gCK4BGAYYCw/s35/jair.jpg}{facebook#https://facebook.com/verbratecajuda}{youtube#https://youtube.com/verbratec} {twitter#https://twitter.com/verbratecajuda}

Formulário de contato

Nome

E-mail *

Mensagem *