2012 | Verbratec
Como apresentar slides do PowerPoint no blog Blogger.
Usarei o https://sites.google.com/site/verbratec/ para armazenar o arquivo criado em meu computador com o PowerPoint 2007 da Microsoft.
Após fazer o upload do arquivo o site apresentará dois links, um para visualizar o arquivo e outro para o download do mesmo arquivo.
O arquivo.pptx poderá ser apresentado em seu blog também com o uso da tag iframe:
Use menos zoom ou mais zoom para ajustar ao seu ecrã.
Se não é de seu hábito o uso de iframe, veja como é simples a codificação:
Restando qualquer dúvida entre em contato, seja por comentário, e-mail ou no fórum de ajuda do Blogger.
Esta postagem teve origem na questão do Fórum de ajuda do Blogger por Fran Messias.
Fazer widget Blogger
10/01/2012 1
Está tudo um pouco confuso muitos links não funcionam e o que é explicado não serve para api tal, o que é da api tal não se encontra o tutorial, mas deixemos de blá blá blá e vamos ver o que é possível fazer.
Para efeito de estudos vemos os projetos dos amigos, analisar o xml alheio é uma forma de encontrar detalhes para aplicar ao nosso projeto.
O meu projeto é muito simples eu só quero aprender o caminho para a construção de um widget que funcione bem no Blogger, que permita a personalização mas que não permita a retirada do link para esta página.
O título escolhido foi Twitter agora e o arquivo xml já estava hospedado no Google Code, se perdeu.
Agora problema esbarra em entidades Twitter.
https://developers.google.com/gadgets/docs/dev_guide?hl=pt-BR Guia do desenvolvedor de API de gadgets.
Para OAutth obter acesso api Blogger https://developers.google.com/oauthplayground/?hl=pt-BR oauthplayground por algumas horas observe o item expires.
O que será possível fazer?
⊞ Obter BlogsGets blog um por id.
⊞ GetByUrl BlogsRetrieve um blog por URL.
⊞ ListByUser BlogsRetrieves uma lista de blogs, possivelmente filtrada.
⊞ Obter CommentsGets comentários, uma a id.
⊞ CommentsRetrieves os comentários de um blog, possivelmente filtrados.
⊞ Obter PagesGets uma página de blog por id.
⊞ PagesRetrieves páginas de um blog, possivelmente filtrada.
⊞ Excluir PostsDelete um post por id.
⊞ Obter PostsGet um post por id.
⊞ GetByPath PostsRetrieve uma Mensagem por Caminho.
⊞ Inserir PostsAdd um post.
⊞ PostsRetrieves uma lista de mensagens, possivelmente filtrada.
⊞ patch PostsUpdate um post. Este método oferece suporte a semântica de patches.
⊞ PostsSearch Busca de um post.
⊞ Atualização PostsUpdate um post.
⊞ Obter UsersGets um usuário por id.
Link direto para o projeto helloverbratecajuda.
Seguindo uma pesquisa encontrei alguns tutoriais relacionados ao nosso objetivo em que absorve-se detalhes interessantes, realmente interessantes para quem está começando Google Gadgets Tutorial.
Notei que há um número crescente de visitas para este estudo, deixe sua sugestão, opine, participe por favor, ouse comentar e tendo alguma página interessante relacionada ao assunto em questão pode deixar o link.
Vejo que fazer algo um pouco mais complexo é realmente difícil, afinal o gadget do Google Friend Connect até hoje não funciona 100%, percebi que apresenta resultado diferente a cada requisição, veja a imagem:
Alguns pontos importantes, desativar o cache do browser facilita o trabalho enquanto no editor GGE.
Uma mesma linha de código digitada funciona, copiada(Ctrl+C Ctrl+V) gera erro.
Todo link deve ser programado para abrir em nova aba target="_blank" para evitar erro no widget.
Mais uma imagem curiosa do assunto Widget, gadget, acerto e erros. Agora mostrando os 22 membros da comunidade na direita e na esquerda bah!
Este blog apresenta hoje:
Esta função aqui: desenvolvedores Google.
Experimente adicionar o widget comentários do Facebook ao seu blog é super fácil, use este xml:
https://fazerwidget.googlecode.com/svn/all.xml
Click em inserir um gadget, depois em próprio, cole o url do xml e click em adicionar por url. Veja as postagens anteriores por favor.
Criar projeto widget
9/29/2012 1
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.
3ª parte final
Tutorial completo.
Como criar novos widgets suporte Google.
Como criar o botão add ao blog suporte Google.
Criando widget
9/27/2012 1
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!
Construir gadget xml module
9/27/2012 4
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 ao topo.
7/16/2012 1
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!
Obrigado por sua preciosa visita!
One Post test
4/03/2012 1
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.
3/24/2012 2
Na maioria das vezes, em que o internauta chega aqui, é provável que o JavaScript esteja desabilitado no seu navegador o que ocasiona o redirecionamento automático para esta página.
Atualmente quase todas as páginas da internet contém JavaScript, uma linguagem de programação que é executada no navegador do visitante. Ela torna as páginas funcionais para propósitos específicos, e se estiver desabilitada por alguma razão, o conteúdo ou funcionalidade da página pode se tornar limitado ou indisponível.
Como habilito o javascript?
Use este link por favor. Aqui encontras instruções sobre como habilitar (ativar) o JavaScript nos cinco navegadores mais comumente usados.
Seguidores Google Plus Novo Blogger Gadget
3/09/2012 1
O novo gadget do Blogger; Seguidores flutua à direita para visualizações dinâmicas.
O novo botão do Google Plus (+1) já está pronto mas ainda não foi liberado para os usuários.
Ative visualizações dinâmicas no seu blog.
O novo gadget seguidores aberto:
Está dado o recado; aqui o Google Friend Connect irá ressucitar. O importantíssimo gadget HTML/javascript ficou fora do projeto, veja mais neste link.
Tive uma visão e quero que vejam também!
A dica é da nossa amiga Karen Guzzatti König
A principal dica que tenho para passar é que no final, querendo lógico, acede a conta Google para bloquear o acesso.
Veja os detalhes de como eu fiz; click em revogar acesso para o tk:
Deverá obter uma mensagem de confirmação:
E eu que já havia decidido esquecer o gadget, mas estou sempre respondendo algumas perguntas no fórum e leio respostas também, foi assim que encontrei a dica da Karen. Veja que ela usou um blog de testes para o tutorial e quem não tem segurança deve fazer sempre com blog de testes antes.
Editado em 19-03-2012
O botão do Google Plus que é visto hoje 09/03/2012 no seu blog BLOGGER.
Será automaticamente atualizado não sendo necessário mudar nada em seu blog configurações, veja o novo visual.
Qualquer pessoa pode estudar e desenvolver aplicativos. Curiosidade use este link para o Google Code.
Quer ser um desenvelvedor WEB?
Verbratec Ajuda
Veja apenas o blog, use a tecla F11, navegue pelo blog e depois click em F11 novamente para retornar ao estado normal de seu navegador. Simples assim, fica em tela inteira e retorna, experimente click F11 para tela cheia, observe e click F11 para retornar.
Não tenha medo de esquecer a tecla, basta elevar o cursor do mouse até o alto da página e o link para sair do modo tela inteira irá aparecer automaticamente. Para aprender mais acede open js eventos do teclado neste link aqui.
Veja o nosso canal com a novíssima roupagem YouTube eu nem tive tempo de editar ainda. Crie um canal, selecione seus vídeos, aproveite o final de semana!