Adicionando Um Gadget No Seu Blo

1,757 views
1,658 views

Published on

tutorial

Published in: Education, Technology, Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,757
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
3
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Adicionando Um Gadget No Seu Blo

  1. 1. ADICIONANDO UM GADGET OU ADENDO AO SEU BLOG
  2. 2. Para adicionar um gadget no seu blog por exemplo, uma lista de blogs, mascote virtual, etc. Clique em layout :
  3. 3. Você verá esta tela, clique em Adicionar um elemento de página :
  4. 4. Abrirá a janela ao lado, nela você tem a opção de adicionar elementos diversos no seu blog como lista de blogs, enquete, lista de links entre outras coisas. No caso vamos aprender  como colocar um elemento java script/html no seu blog é desse modo que podemos colocar um chat ou um bicho virtual em nosso blog por exemplo
  5. 5. Clicando nesta opção você pode adicionar funcionalidades de outros sites, no caso vamos adicionar aqui um bichinho virtual do site bunnyhero labs. Você deverá ter copiado o código do bichinho que você criou. Mas como eu crio meu bichinho?
  6. 6. Vá até o site   http://bunnyherolabs.com/adopt/ e clique no bichinho que deseja. Abrirá está janela: Clique no bichinho que deseja "adotar"
  7. 7. Vai abrir a janela abaixo, nela escolha o nome do seu bichinho, mude a cor dele e coloque o seu nome. Por fim clique em finish
  8. 8. Na janela abaixo, clique em other sites
  9. 9. Aparecerá na mesma janela o código, clique uma vez sobre ele e em Copy
  10. 10. V olte para a tela do Blogger (é interessante que você navegue nas dois sites ao mesmo tempo e não feche o site do blogger enquanto cria o bichinho e copia o código) e clique na opção  HTML/JavaScript. Clique em   Adicionar ao blog
  11. 11. Abrirá a caixa de diálogo ao lado. Coloque o título do seu gadget, no caso bichinho virtual. Clique com o botão direito do mouse dentro da tela branca e selecione colar para colar o código que você copiou. Clique em Salvar.
  12. 12. Clique em Visualizar blog para ver como ficou o seu blog.

×