Tutorial: Como colocar as atividades do Picasa numa barra de rolagem

Olá pessoal!

Tenho recebido muitos E-mails de pessoas querendo saber como coloquei na minha barra lateral as atividades do maternal. Eu não tenho grandes conhecimentos de informática e acabo fazendo tudo por curiosidade, mas gostaria de ajudá-los nessa questão, por isso montei esse tutorial. Espero que consiga explicar da melhor maneira possível:

A barra mencionada é esta aqui




1 – Suas atividades deverão estar salvas no Site do Picasa

2- Adicione um Gadget de HTML/JavaScript no seu Blog com o código da barra de rolagem abaixo (Código em vermelho)
  
<div style="height:500px; width:220px; overflow:auto; background-color:
#FF99FF; text-align: center;padding: 2px; margin:5px ">
<div style="width:200px"> 

COLE AQUI O HTML INFORMADO NO SITE PICASA

</div></div>

 Você pode configurar sua barra de rolagem trocando os números (height:500px; width:220px) onde height representa a altura e width representa a largura da barra de rolagem. Para mudar a cor da caixa troque o código #FF99FF.

Procure no Google uma tabela de cores HTML e localize o código da cor desejada


3- Quando clicar no álbum onde estão suas atividades do Picasa, observe que a lateral do Site estará assim:


4 - Você deverá clicar em: Link para este álbum e o Site abrirá duas opções

  • Colar o link no e-mail ou na mensagem instantânea
  • Colar HTML para incorporar no site



Clique na opção: colar HTML para incorporar no site



5- Cada álbum terá um código parecido com o exemplo abaixo


<table style="width:194px;"><tr><td align="center" style="height:194px;background:url(https://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left"><a href="https://picasaweb.google.com/fliver5/Natal?authuser=0&feat=embedwebsite"><img src="https://lh4.googleusercontent.com/-P9VsdlEuTB4/TKxrFmVGnTE/AAAAAAAAXZI/uhbTbCCG_TQ/s160-c/Natal.jpg" width="160" height="160" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-size:11px"><a href="https://picasaweb.google.com/fliver5/Natal?authuser=0&feat=embedwebsite" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">Natal</a></td></tr></table>


6- Copie cada código e cole no Gadget da barra rolagem onde está escrito

COLE AQUI O HTML INFORMADO NO SITE PICASA

Assim você terá todas as suas atividades dentro da barra de rolagem, facilitando a busca dos seus participantes.

É isso pessoal! Espero que tenha conseguido explicar para vocês. Qualquer dúvida deixe um comentário para que eu possa melhorar o tutorial.

Abraços


5 comentários:

Postar um comentário

Obrigada por comentar! Dicas, sugestões, perguntas serão bem vindas. Responderei seu recadinho aqui mesmo.
Se desejar uma resposta por E-mail envie o comentário para fliver5@gmail.com
Lembre-se que você é muito especial para Deus.
Beijos