2012

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.

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.
Lista
⊞ CommentsRetrieves os comentários de um blog, possivelmente filtrados.
⊞ Obter PagesGets uma página de blog por id.
Lista
⊞ 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.
Lista
⊞ 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:


Comentários em Postagens!

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.



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
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.





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.

O blogger está todo cheio de bugs de novo.
Para alguns casos a solução aparece logo, outros permanecem por longo tempo.
Ocorreu o desaparecimento dos ícones para edição rápida e eu nem ia publicar nada, mas começou a aparecer muitas pessoas com este problema no fórum de ajuda.
Já existe aqui no blog todo o material necessário para resolver este problema então vou me limitar a colocar os links aqui e as explicações lógico, quem já possui um pouco de conhecimento e está habituado com o editor html do Blogger terá mais facilidade, mas quem nunca editou o html também conseguirá pois é bem simples acede este link para ver como aceder o html click aqui. Encontrará o script para copiar e o local exato onde deve ser inserido.
O funcionamento é bem semelhante ao caso do gadget de seguidores do Google Friend Connect em que o redirecionamento foi a solução, sem existir um redirecionamento. Agora com este script os blogs como o meu que estavam com .br e sem os ícones de edição rápida, sem comentários do Facebook, passam a apresentar o url antigo. É preciso salientar que ambos os urls irão funcionar normalmente, por exemplo se coloco um comentário num site qualquer e deixo o link de meu blog, posso usar tanto o .com como o .com.br então não se preocupe com esta parte do processo. Apenas o que peço é que após salvar, faça logout e visualize seu blog, caso exista algum conflito, verifique que os ícones não apareçam enquanto não logado. Faça o login e visualize seu blog para ver que todos os ícones estão renderizando corretamente.
Por todas as pessoas que auxiliei até agora, não houve nenhum problema, mas é bom a gente acompanhar esse detalhe, pelo menos as primeiras horas, navegue pelo seu blog veja se todos os seus links estão funcionando bem, seus gadgets estão presentes.
É importante participar, deixar um comentário 'Bom eu estou usando e está funcionado beleza, meus ícones voltaram' isso ajuda outras pessoas, pois eu também já passei por isso, a gente não tendo conhecimento fica com medo e a falta dos ícones nos dá muito mais trabalho para editar as postagens. Então ajude as outras pessoas deixando seu comentário.
Outro:
Mais um:

Veja a postagem e os comentários melhor resposta.

O pessoal do Facebook não reescreveu o plug-in dos comentários e pode acontecer de aparecer uma mensagem em seu blog, veja a imagem:
Repare que o url citado pelo Facebook na mensagem possui o .br então após a instalação do script este problema termina. Porém se o caso é só a mensagem do Facebook existe a possibilidade de proceder a reinstalação do plug-in já com o .br e também a possibilidade de retirar o plug-in do Facebook por uns dias, aguardar a solução oficial do Blogger, bem como sendo apenas a mensagem realmente, ou seja aparece mas funciona, as pessoas podem comentar, então dá para ocultar a mensagem com css, veja a imagem com o código:
Simples assim classe ui caixa amarela não mostre isto é importante é que dizemos ao browser. Existe uma hierarquia no css e para quebrá-la precisamos usar o important.
Qualquer dúvida ou outro problema que tenha com Blogger por favor deixe um comentário, ou envie um e-mail. Um abraço e muito obrigado pela sua atenção!


A primeira coisa que você notará é um novo "Search preferências" sob a opção "Settings". Novidades em seu painel acabaram de publicar ao clicar nela, exibirá três sub-seções: Meta Tags e erros e Redireccionamentos e esteiras rolantes e indexação.

Numa breve olhada se nota que a engenharia estava trabalhando com redirecionamentos e tals.

No seu painel a última opção no canto inferior esquerdo:

É como eu digo, a coisa nunca para, em cada minuto um software fica pronto em algum lugar.

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!
Lembre-se de viver!


Vamos matar várias dúvidas numa única postagem.
Temos uma série de músicas no YouTube e é até de entender que seja o site mais acessado para ouvir música, pela variedade encontrada de versões. Temos um player muito bom configurável nas cores do seu blog, onde se inclui a url do vídeo do YouTube, mais um click, apanha o código, insere no blog e ouve suas canções prediletas enquanto edita suas postagens.
Onde consegue o player assim tão fácil?
Neste link SCM player
Como sempre compartilho as músicas no Facebook, Orkut, etc. Foi fácil fazer uma lista de links de vídeos do YouTube e inserir, mas não tendo esta lista, sugiro que comece por ai.
Com a lista pronta o resto é fácil por demais. Acede o smcplayer.net e como na imagem insere os links dos vídeos:

Como já citado dificilmente alguém vai ao seu blog em busca de ouvir músicas, por isso sugeri que faça a lista de suas músicas prediletas; um detalhe interessante e que poderá convidar o internauta para conhecer o seu gosto, lógico que a ocasião é ouvir enquanto digita e isto é bem peculiar, assim como me é impensável ouvir rock enquanto faço uma refeição.
Prosseguindo, certifique-se de copiar o código completo, cole no seu bloco de notas para conferir, será parecido com este:

Agora que já tens o código pode fechar o gerador do player e abrir o painel de edição do seu blog, se ainda não sabe como aceder o html veja neste link HTML Blogger.
Abaixo da tag <body> do seu blog coloque uma div com id="scm" e dentro da div cole o código do seu player vejamos uma imagem:

Note que a div fica dentro de uma tag <b:if condicionada a mostrar a div do player somente quando for acionado o link com o label/AUDIO.

<b:if cond='data:blog.url == &quot;https://verbratecajuda.blogspot.com/search/label/AUDIO&quot;'>
<div id='smc'>
<!--SCM Music Player by Adrian C Shum - https://scmplayer.net-->
  <!--End of SCM Music Player script-->
</div></b:if>

Para mostrar apenas nas páginas estáticas use esta tag:
<b:if cond='data:blog.url == "static_page"'> </b:if>
Querendo aprender mais pesquise o mundo Blogger e seus usuários.
Uma vez tocando sua música poderá navegar em seu blog, pois o player desaparece somente quando fechar o blog.

//////////////////////////////////////////////////////////////////////////////////////////// Você está agora em:

Em teste; faça primeiro em seu blog de testes e notando comportamento anormal comunique o desenvolvedor.


Obrigado por sua visita! Restando alguma dúvida deixe seu comentário.

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 *