Verbratec

Olá pessoas!
Veio a idéia de fazer uma ajuda com vídeo e então experimentei.
No fórum de ajuda está a questão:

O slider do meu blog parou de funcionar. Pensei que pudesse ter entrado em conflito com a barra Cat-Us, mas nem removendo não consigo resolver o problema. Não consigo identificar o problema. Alguém pode me ajudar?

---

Só estou com dificuldade pra mudar a legenda do slider pra parte de baixo. Em qual parte do código eu preciso mexer? Pode me ajudar?

---

O primeiro passo é retirar o fundo preto, para tanto basta deletar o código #000000 e mais nada ok!
Como vemos na imagem abaixo:
Vamos ver no vídeo o código css aplicado:
Obs: sem áudio.

---

Aqui na área de texto o css que foi aplicado para obter o resultado obtido visto no vídeo ok! Bastará trocar as cores conforme o seu gosto; o objetivo era posicionar abaixo certo? Isso foi feito.

---

O css usado no experimento: .nivo-caption p { text-align: center; padding: 2px; margin-left: -30px; width: 568px; margin-top: 53px; background-color: #006400; /*edite a cor fundo*/ border: 4px solid #009900; /*edite a cor borda*/ border-radius: 9px; }

---

Aqui o vídeo para o Vanderlei:

---

Abraço, sucesso, saúde e paz!
Teste:

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.

Abraço!

Esta postagem teve origem na questão do Fórum de ajuda do Blogger por Fran Messias.

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.

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!

---

Esta função aqui: desenvolvedores Google.

---

Abraço!

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

• 1ª parte
• 2ª parte
• 3ª parte final

Tutorial completo.

• Como criar novos widgets suporte Google.
• Como criar o botão add ao blog suporte Google.

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