Ad

fica

appvbt

menu css interativo json

Procurando...

Acompanhe, partilhe!

Login Logout Version

Bem vindo a Verbratec!

Contato Sobre Mapa do site

26 de nov de 2011

Jair de Jesus
Textual description of firstImageUrl

Posicionando um gadget com CSS.




   O primeiro passo é ter o seu código html, javascript, para o seu gadget
   vídeo ainda está disponível no YouTube, porém o Google já encerrou o uso pelo site, então agora em 2018 é preciso fazer pelo painel do Blogger.
Como obter seu HTML do Google Friend Connect para o gadget seguidores abaixo descrito se tornou obsoleto e até mesmo o Google e os usuários já preferem G+ seguidores.
   O segundo passo é inserir um novo gadget HTML/javascript e colar seu código nele repare que o titulo "GADGET SEGUIDORES POSITION" está aparecendo para o exemplo, se apagar o titulo do gadget nada irá aparecer no local e sim nas coordenadas CSS, sendo iniciante sugiro que deixe o título para não se perder.
   O motivo desta primeira imagem é mostrar que carrega pois o Google anda problemático ultimamente, as vezes tem que premir F5 duas três vezes até aparecer os seguidores no gadget, mas isto não tem nada a ver com o posicionamento e sim com o Google Friend Connect.


   Onde insere o código? Dentro da div como mostra a imagem, faz o seu id especial, eu usei bah no exemplo:



   E agora vamos ao css do blog; em design, modelo, click em HTML, prosseguir, marque a caixa expandir modelos de widgets, press Ctrl F simultaneamente e busque a chave fechamento /b:skin e cole o código acima dela, como mostra a imagem:
   Agora vamos focar o css:
   Estando nos conformes click em visualizar, estiver na posição certa click em salvar modelo. Os ajustes na posição são feitos usando margin, top é a parte de cima de seu blog e right a lateral direita, agora é só observar e ajustar; onde está -585px; coloque -485 e o conteúdo da div se deslocará 100pxs para o lado, fácil né?

Quem já tem blog, está acompanhando os acontecimentos relacionados ao gadget do Google Friend Connect; quem está chegando agora ao Blogger veja o gadget posicionado levemente à esquerda da sidebar css position.
Existe muitos aparelhos realmente bons na internet, com licença livre e de fácil implementação no Blogger. O caso é que temos que escolher apenas alguns e este sem dúvida está no páreo dos melhores, pelo menos na minha opinião.
Alguns problemas estão relacionados ao sistema de redirecionamento com a adição do .br no url por isso passei a usar um script para manter o .com e contornar enquanto for possível.
A mensagem é natural já que o plug-in do Facebook consta o url .com ou se procede a reinstalação com o novo url .br ou no mínimo retira com css display none.
Geralmente os problemas assim ocorrem de uma maneira geral, então fui em busca de notícias em outros blogs e veja a imagem do Mundo Blogger em que apareceu o ícone de edição do gadget:
Começo com este episódio, a pensar na possibilidade de ocultar o ícone para evitar transtornos.
Deixo aqui o script para quem tiver com estes problemas e queira manter o url antigo até que se encontre o defeito.
Editado em 19-03-2012
É muito importante verificar se o seu blog está configurado para mostrar os ícones de edição rápida:

Este script está no fórum de ajuda oficial do Blogger, marcado como melhor resposta confira.
Para as pessoas com menos intimidade com html deixo este link que mostra certinho como aceder o editor de html do Blogger com imagens.

   Abraço! Qualquer dúvida deixe um comentário por favor.

   Para entrar em contato:



1
Jair de Jesus
Textual description of firstImageUrl

Nuvem de Tags HTML



   Hoje compartilho algo já tão antigo, que volta a ser especial novamente.
   Não sei quem fez os arquivos, mas agradeço por eles existirem.
   A nuvem de tags funciona com um arquivo flash e um javascript externos, eu os tenho armazenados no Google sites; mais um pequeno código que é adicionado ao HTML do blog.
   Na imagem abaixo vemos a parte que é inserida no HTML, marque a caixa expandir, segure Ctrl F simultaneamente e procure esta tag:
<b:section-contents id='sidebar-left-1'>
   Aqui deve ser inserido o código desta imagem, exatamente assim:
   Aqui o código finalmente, copie e confira se está igual ao da foto, pois se faltar um ponto já não funciona e o BLOGGER está bah!

 <b:widget id='Label99' locked='false' title='Labels' type='Label'> <b:includable id='main'><b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content'><script src='https://sites.google.com/site/verbratec/swfobject.js' type='text/javascript'>
</script> <div id='flashcontent'>flash tag cloud </div><script type='text/javascript'>
var so = new SWFObject("https://sites.google.com/site/
verbratec/tagcloud.swf", "tagcloud", "250", "250", "7", "#228B22");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x00FF00");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags>
<b:loop values='data:labels' var='label'>
<a expr:href='data:label.url' style='14'>
<data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");</script> <b:include name='quickedit'/></div></b:includable></b:widget>

   Este é um trabalho para ser feito no início da manhã, quando o tráfego na rede não é intenso e os servidores não estão sobrecarregados.
   Lógico que o gadget marcadores deve ser configurado para "cloud" e adicionado ao blog.
Imagem feita ao adicionar gadget marcadores configurado para cloud!
   Tão fácil que dispensa maiores detalhes, porém surgindo dúvidas deixe um comentário e responderei o mais breve possível.
   Links para baixar os arquivos: flash e javascript
   Desejo-lhe uma boa navegação!

A nuvem de tags em flash agora devem ser retiradas do blog visando reduzir o número de aplicativos aqui. Por isso não temos"demo", você pode fazer em blog de testes.
Editado em 08 março de 2018. Tecnologia flash já obsoleta e portanto não deve ser mais usada.


   Para entrar em contato:

1

Design by Jair de Jesus - Josh Peterson

Verbratec© Desktop 2018