Últimas Postagens

Os primeiros passos na criação de um widget module xml para Blogger; sei que muitos links não funcionam, mesmo assim é bom para quem está iniciando o estudo, ler algumas informações antes de criar o projeto, então acesse developers.google.com/gadgets.
Será possível fazer muito, porém é preciso ter um conhecimento básico de HTML, CSS e JavaScript, além do XML que é muito fácil de entender.
  • <module> indica que este arquivo XML contém um gadget.
  • <ModulePrefs> contém informações sobre o gadget, e seu autor.
  • <Require Feature="opensocial-0.8" /> denota uma característica necessária do dispositivo - neste caso, a API OpenSocial (v0.8).
  • <Require Feature="minimessage" /> denota uma característica necessária do dispositivo - neste caso, o nosso exemplo.
  • <Content Type="html"> indica que o tipo de gadget conteúdo é HTML. Este é o tipo de conteúdo recomendado para recipientes do OpenSocial, mas gadgets para outros recipientes, como o iGoogle apoiar outros tipos de conteúdo.
  • <[CDATA![ aqui... ] ]> contém a maior parte do gadget, incluindo todo o HTML, CSS e JavaScript (ou referências a esses arquivos). O conteúdo desta secção deve ser tratado como o conteúdo do corpo tag em uma página HTML genérico.

Seu widget poderá ser aplicado ao IGoogle Widget Verbratecajuda do Blogger.

Inicialmente seu projeto será similar a este simples estudo verbratecajuda.

O mais importante é que somente o administrador poderá modificar o widget, sabemos que as pessoas retiram o link, os créditos. Isto não será possível, ninguém poderá modificar seu xml sem a sua autorização.

Primeiro é preciso criar o projeto as instruções são bem claras e o editor de gadgets do Google Gadget Editor não está funcionando mais(desativado).
https://developers.google.com/gadgets/docs/tools#GGE
Novo xml pronto:
https://verbratecajuda.googlecode.com/svn/JJ
Agora vamos ver algumas imagens do processo de criação de um projeto widget:

Como podemos ver na imagem é tudo bem simples, escolha um nome para o seu projeto, coloque uma pequena descrição, procure sempre preencher de acordo com o conteúdo, assim como no blog escolhe um título para postagem condizente com o conteúdo do artigo.

O controle de versão inicialmente não será utilizado, mas deve ser escolhido, pois conforme seu gadget for modificado, melhorado, ganhará uma nova versão. A licença conforme está nos termos de uso deve ser de código aberto. Algumas palavras podem ser inseridas para que o internauta possa localizar seu projeto na pesquisa do Google(chamamos de indexação). Agora é só clicar em criar projeto e está feito.

O XML não pode conter erro, verfique toda a codificação cada vez que editar um arquivo, Commmit Log deve ser referente a modificação feita na versão. O botão Cometer atualizará o arquivo.


Aqui vemos o link para editar o arquivo, simplesmente abrir o editor.

O arquivo pode ser enviado de seu computador, clica em downloads, escolher arquivo, num procedimento normal, simples e bem definido.

Explore os recursos que o Google oferece!

Para ver o arquivo obter o url, e este é o url que permitirá ser inserido no seu blog como mostrado na postagem criando-widget-blogger inserindo por url.

Aqui acredito que o internauta já obteve todas as informações necessárias para começar a usar o GGE e aplicar widgets que podem ser compartilhados e não serão modificados como os simples gadges de HTTML/javascript do Blogger.

Quando de volta ao Blogger para adicionar e testar, encontrei a antiga interface, por um minuto apenas, adicionou o widget normalmente, percebi que alguns links não funcionam outros são redirecionados e há os que levam para interface antiga do Blogger.


Obrigado pela atenção e uma boa navegação!




Tutorial completo.

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






Link para rolar a página html para o topo com efeito suave deslizar animate com JQuery.

Vamos direto ao objetivo e no final será criado automaticamente ao rolar a scrollbar, um link ao topo similar ao que existe aqui no Verbratec Ajuda.
Insere no css de seu blog:
#toTop:hover {background-color: yellow;border: 6px outset darkGreen!important;border-radius: 5px 5px 5px 5px;bottom: 5px;color: darkGreen;cursor: pointer;font-weight: 700;padding: 5px;position: fixed;right: 5px;text-align: center;text-decoration: none!important;width: 35px; } #toTop {background-color: forestGreen;border: 6px outset darkGreen!important;border-radius: 5px 5px 5px 5px;bottom: 5px;color: yellow;cursor: pointer;font-weight: 700;padding: 5px;position: fixed;right: 5px;text-align: center;text-decoration: none!important;width: 35px;}

Agora localize a tag de fechamento </body> e coloque o seguinte código imediatamente acima:
<a id="toTop" style="display: block; "> <span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;">Topo</span></a><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript">  <![CDATA[  $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");  if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}  var scrollDiv=$(this);$(window).scroll(function(){  if($(window).scrollTop() =="0"){$(scrollDiv).fadeOut("slow")}  else{$(scrollDiv).fadeIn("slow")}});  $(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});   $(function() {  $("#toTop").scrollToTop();    });  ]]>  </script>

Isto é tudo click em salvar modelo e está pronto. Sempre é bom salvar o seu modelo antes de qualquer alteração. Sugiro também que pratique em blog de testes antes de passar para seu blog oficial e use a interface antiga do BLOGGER.

Em resposta a pergunta de Carolina Floare no Fórum de ajuda do Blogger.
Como já escrito em outras postagens; querendo ter qualquer item ou gadget, código, etc. que tenha visto em meu blog poste um comentário ou envie um e-mail e farei todo o possível para ajudar na implementação.
Abraço e uma boa navegação!

Baseado no original de *Craig Wilson em https://www.ph-creative.com
Link para o topo da página BLOGGER agora com botão para aplicar ao seu blog muito mais fácil! - Adicione primeiro ao seu blog de testes por favor!
Para ver como fica aplique no seu blog de testes.
Este é um novo estudo para mim; quero facilitar ao máximo quando possível. Creio que é muito mais fácil clicar no botão, escolher o blog e clicar em adicionar widget, está pronto, simples assim.
Use FireFox para desenvolvimento. Um abraço!







O Google oferece vários serviços e um deles é o de sites Google quem já tem conta Google está pronto para usar o serviço que é muito semelhante ao Blogger, irá escolher um modelo, fazer suas configurações e publicar seu material. Eu uso apenas para armazenar alguns arquivos e o formato PDF é um deles.

Veja neste exemplo um script JQuery para slider que copiei do Mundo Blogger para guardar, observe que não testei o script apenas postei para mostrar como trabalhar com arquivo.pdf no Blogger.

Para ver o arquivo pdf use o link Slider.pdf

Note que o url do arquivo para download fica:

https://sites.google.com/site/verbratec/Slider-horizontal.pdf?attredirects=0&d=1
enquanto para visualização fica desta forma:

https://sites.google.com/site/verbratec/Slider-horizontal.pdf

Assim sendo faz o upload do arquivo para o servidor, copia o url e coloca o link em seu blog.

Outra alternativa é clicar em visualizar, o arquivo será aberto no Google Docs, ai é copiar o url e colocar o link no Blogger.


Veja o mesmo arquivo.pdf no Google Docs slider horizontal.




Utilizando a tag iframe para inserir seu arquivo diretamente na postagem do blog:
Poderá não renderizar se seu browser for configurado para rejeitar cookies de googlegroups.com
O código na imagem abaixo para ver como usar a tag iframe.
Infelizmente passaram vários dias e estou observando que o Google não está mais permitindo mostrar o arquivo com o uso da tag iframe. Porém como estão ocorrendo vários problemas além deste, fico sem palavras. Acontece que o Google quer dar um destaque ao Google Drive
Google Drive está em todo lugar que você está, na web, em sua casa, no escritório e em trânsito. Assim, onde quer que esteja, o seu material é apenas ... ali. Pronto para ir, pronto para compartilhar. Comece com 5 GB de espaço livre. ...editado 16/09/2012.

Abraço!




Tem que dar certo, mas tem dias que são realmente improdutivos, testes e mais testes e nada quer se apresentar corretamente. Bom ao menos ninguém vai plagiar. Já notou o texto selecionado para copiar? Selecione e mate a curiosidade. Eu gostei desta parte.
Estou trabalhando para que as postagens sejam compartilhadas no Facebook, mas não estou conseguindo o resultado esperado. O link já está pronto: Verbratec Facebook e a página já está no ar.

Alguém sabe como solucionar este problema do plugin Facebook que apresenta as imagens duplicadas? Comente.


Olá Sandra! Testando o vídeo:







Em minhas experiências como profissional de TI que eu aprendi como solucionar as coisas. Agora, eu considero o meu auto uma solução de problemas bem. Eu não era sempre uma boa solução de problemas que, de fato, no início da minha carreira eu era um mau. Tem sido uma parte dos meus trabalhos para solucionar coisas para o meu próprio trabalho, e ajudar os outros quando solução de problemas foi necessário. Com o tempo tornei-me melhor e melhor para ele.

Perguntei-me no outro dia, quais as qualidades que faz alguém um solucionador de problemas é bom? Os dois elementos mais importantes que eu acredito é a persistência e auto-confiança. Agora, se você desistir antes de começar (que é onde a maioria das pessoas) você não é um solucionador de problemas boa. As pessoas que desistem na primeira ou segunda tentativa em algo que todos têm o que eu gosto de chamar o "muro". Quando confrontados com algo que eles não entendem, eles só podem ver um muro. É isso. Eles fecham e desistir. Esta é a pior coisa que pode fazer. O muro é apenas um obstáculo mental, na verdade não existe nenhuma parede em tudo. O que você precisa fazer é pensar em uma coisa para tentar resolver a coisa que precisa de conserto. Não se preocupe com mais nada. Basta pensar de 1, então tente. Se isso não funcionar, então pensar em outra coisa e tentar isso. Se isso não funcionar, então pergunte a alguém que pode lhe dar alguma direção. No entanto, não é só pegar alguém para fazer isso para você. Você nunca vai aprender nada se você tem os outros fazem coisa para você o tempo todo.

O engraçado é, a coisa mais difícil é solucionar problemas, mais tempo demora, mais você dormir mais solta, os cabelos mais que vão de cinza, o melhor que você aprender como corrigir esse tipo de problema. Assim, se algo te leva 15 tentativas para corrigir algo ou trabalhar com isso, eu garanto que você vai lembrar disso melhor do que a correção que levou 1 tentativa. Seth Godin "Dip A" é um grande livro que fala sobre o aprendizado. Eu recomendo que você lê-lo.

Com o tempo, assim como comigo, quanto mais você enfrentar e tentar "persistência", quanto mais você corrigir, você se torna mais confiante em suas habilidades. Antes que você perceba, as pessoas estão lhe pedindo ajuda para consertar todos os tipos de coisas. Torna-se fácil. Você se torna uma solução de problemas bem. E ele realmente começa a sentir as coisas boas de fixação que não são sua área de especialização. Na verdade, ajudar as pessoas a resolver problemas pode ser muito útil e gratificante.

Agora, é tudo ótimo. Onde a verdadeira diversão vem isso pra mim é (e estou falando de minha própria experiência aqui) que ter habilidades de resolução de problemas fortes realmente ajuda com meus próprios esforços criativos. Por quê? Como? A maneira que eu crio a minha música é para solucionar problemas de sons e ritmos até que estejam a um nível que eu sou feliz com ele. Estranho né?

Música através de solução de problemas. Hmmmmmm


Texto by Tez Osman 03-04-2012.




Jair de Jesus

Estudante de música, guitarra clássica, 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}

Formulário de contato

Nome

E-mail *

Mensagem *