Posts sobre | Dicas blog, imagem Pc e Web

Como colocar gadget pela Url no blogger

Vou mostrar algumas dicas ou maneiras de inserir coisas no blog com blogger, isso porque, já pela segunda vez percebi que buscaram aqui por algo como:

'Quero colocar um gadget pela url e não consigo'

Um visitante do blog também já havia me dito que não consegue colocar a Url de gadget no blogger. Saiba o porque.

Isso acontece por uma certa confusão que as pessoas geralmente fazem, existe códigos prontos que geram um gadget, esse eu vou mostrar coma adiciona, mas, bem abaixo, já o outro procedimento que raramente vai dar certo é a opção Adicionar seu Próprio(veja abaixo), isso ocorre porque precisa ser um arquivo Xml que esteja realmente codificado para o blogger, e, isso não é fácil, a pessoa terá que ter uma ótima preparação para trabalhar com Xml e ainda estar preparado para pesquisar muito nas páginas de suporte do próprio blogger.

    Gadget: Adicionar seu Próprio, não da certo...?

    Como disse acima, essa opção é para quem tem bom entendimento Xml(desenvolvedores), vou mostrar o passo a passo até para ficar mais claro, se tentou fazer isso e não conseguiu... ou para nem gastar seu tempo tentando. Quem usa a nova interface atualizada do blogger, o passo 2 é a opção Layout e o passo 3 pode pular que você vai direto para a área de gadgets(elementos de página)
  1. Acessar e fazer login no blogger.com
  2. Procurar e clicar em Design ou, quem usa a nova interface do blogger, a opção é Layout
  3. Observe se você está na aba Elementos da página
  4. Clicar em Adicionar um Gadget
  5. Na janela que abrir clicar em Adicionar seu Próprio
  6. Inserir a Url e clicar no botão Adicionar por Url
  7. Se não estiver tudo correto, abrirá nova página informando:

    Desculpe, este gadget parece estar com problemas.
    Este gadget tem erros e só poderá ser usado depois de corrigido.


    Como disse, é algo para usuário avançado e que domina muito bem a linguagem Xml, que não é nada fácil.

como adicionar gadget com url no blogger

    Adicionar gadgets com códigos e Url

    Muitos sites oferecem códigos de gadgets, deve-se ter o cuidado para não confundir códigos e Url, são diferentes, a Url é apenas um endereço web que geralmente está inclusa em códigos para o uso em blogs/sites, pode ser uma Url de arquivo imagem, arquivo JavaScript, flash, etc. Abaixo o passo a passo para adicionar códigos de gadget no blogger
  1. Acesse e faça login no blogger.com
  2. Procure e clique em Design
  3. Observe se você está na aba Elementos da página
  4. Clique em Adicionar um Gadget
  5. Na janela que abrir observe se está em Noções básicas, se não clique nela
  6. Encontre e clique em HTML/JavaScript
  7. Abrirá uma nova janela para adicionar códigos, é uma área que deve ter um certo cuidado com as opções disponíveis, para ver detalhes clique aqui, também, para trabalhar nesse local o melhor navegador é o Mozilla Firefox

Adicionar gadget com código e url no blogger
Exemplos de códigos com Url
Todos os códigos abaixo geram algo, um gadget, uma imagem... Uma coisa muito importante é o cuidado com os códigos, porque se um caracter estiver faltando ou tiver um caracter em um lugar errado, seja o caractere que for, uma vírgula, aspas, ou até um espaço ou quebra de linha onde não deveria ou faltando provoca um erro e o não funcionamento do mesmo.

Abaixo alguns exemplos de códigos Html que usam Url para funcionarem e usei cores nas Url para diferenciar do restante do código.
Exemplo de códigos de imagem
O código abaixo faz com que uma imagem apareça em uma página Html, e, blogs são feitos em Html. Em vermelho está o Url da imagem, ou seja, o endereço web onde ela está guardada(hospedada).
<img src="http://foitestado.com/images/foitestado-p.png" />
Código de link com imagem
Se você comparar com o código acima, perceberá certa semelhança, isso porque o código da imagem foi incorporado a um código de link, e um link precisa ter um Url de destino, deixei o código do link em laranja e a Url de destino em azul.
<a href="http://blog.foitestado.com">
<img src="http://foitestado.com/images/foitestado-p.png" />
</a>
Exemplo de código Javascript
Abaixo o código do script do gadget google tradutor, que talvez não está funcionando no Mozilla, Deixei na cor verde o código com a função de baixar o script para o cache do visitante e o Url do arquivo javascript que será baixado.
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'pt'
}, 'google_translate_element');
}
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Exemplo de código de Vídeo Flash
Vídeos do Youtube são objetos(arquivos) em Flash, então, os códigos para inserir vídeo e flash são semelhantes, esse código abaixo você verá que tem Url é adicionada em dois locais, deixei nas cores vermelhas.
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/LLSH62-eO8M&hl=pt_BR&fs=1&color1=0x3d85c6&color2=0xfebd01&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/LLSH62-eO8M&hl=pt_BR&fs=1&color1=0x3d85c6&color2=0xfebd01&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

33 comentários:

  1. Cara, quebrei muito a cabeça até achar essa explicação resumida! Valeu mesmo!!
    Grato!

    ResponderExcluir
  2. Eu digo o mesmo que o Goodkat. Tava qubrando a cabeça pra achar o HTML/JavaScript, até achar esse site. Parabéns!

    ResponderExcluir
  3. Oi, muito obrigado pela ajuda!Ajudou bastante!

    PS.:Acessem meu blog: http://x-estilo-unico-x.blogspot.com

    ResponderExcluir
  4. muito obrigada!!!! valeu mesmo!!!

    ResponderExcluir
  5. Consegui. O artigo etá ótimo, muito bem explicado. Valeu muito.

    ResponderExcluir
  6. entrem no meu blog
    http://detonatudogame.blogspot.com/

    ResponderExcluir
  7. Eu jogo a url no local indicado e não roda...:(
    alguem pode me ajudar...a url é essa: http://www.youtube.com/watch?v=GxHyfCZ8AOk&feature=mh_lolz&list=FLGjz_jmHv1K8...

    ResponderExcluir
  8. Muiiito obrigada, quebrei a cabeça para tentar colocar um código com link de imagem, e graças a tua explicação super bem feita consegui direitinho.Muito obrgada mesmo!

    ResponderExcluir
  9. Valeu!!! Fiquei Muito Feliz!!! Deu Certoooooooo!!!

    ResponderExcluir
  10. www.rafinhasilvestre.blogspot.com
    Seja Um Amante...de todos

    ResponderExcluir
  11. Valeu! Muito bem explicado! Obrigado!

    ResponderExcluir
  12. nossa amoore valeu mesmo. brigadinhooo bjinho

    ResponderExcluir
  13. Saudações!

    A Equipe Azenis agradece.
    Visitem também:

    http://azeniscorporation.blogspot.com/

    Segue o nosso Twitter:

    @AzenisCorporati

    Abraços!

    ResponderExcluir
  14. MEU DEUS!!! Vc caiu do céu!! Estava quase desistindo qdo achei sua explicação, super resumida e bem explicada e deu certíssimo! Nem acredito! Parabéns pelo site!!

    ResponderExcluir
  15. Cara, muuito obrigada! Super didática tua explicação! Valeu

    ResponderExcluir
  16. Olha muito obrigada!!!

    Nossa vc me ajudou demais !!!!
    :)

    ResponderExcluir
  17. Não consigo de jeito nenhum colocar o gadget do meu flickr no blogspot... tentei de tudo que eu li já!
    :(

    ResponderExcluir
  18. Valeu... Ajudou bastante a explicação

    ResponderExcluir
  19. Acessem o meu blog: http://meusitetop.blogspot.com.br/

    ResponderExcluir
  20. Adoreii muito bom.Obrigadaa.
    Mas eu to com um problema que não achei aqui. Meu widget imagem e lista de livros por exemplo, nao exibem legendas.Ex: No widget imagem, aparece só o título e a imagem, ja a legenda não.Ja o de lsta de livros, só aparece título, o nome dos livros não.Ja fuçei, achei que era cor da fonte, troquei tudo, mas não mudou nada.Entao sei que é no código, mas não consigo achar o prblema.Pode me ajudar?? Por favor
    www.bloganiela.blogspot.com

    ResponderExcluir
    Respostas
    1. Provavelmente é o tipo de gadget que você instalou, infelizmente nem todos são exatamente como a gente quer.

      Excluir
  21. Eu demorei, mas descobri o que é URL aqui http://www.putsgrilo.com/internet/o-que-e-url/. Kkkkkkkkkkkkk...

    ResponderExcluir
  22. oooo alguem mi ajuda
    eu exlui um Gadget sem querer oque fasso?

    ResponderExcluir
    Respostas
    1. Você pode colocar um igual, precisa lembrar como fez para colocar ele antes, não existe ainda a opção de reverter um gadget excluído, mas dá para colocar outro idêntico no lugar.

      Se era um gadget do tipo Html/Javascript e você entende de Html tem a opção de procurar no google o cache de seu blog e copiar o código Html do gadget, isso apenas se o Google ainda tiver uma página antiga de seu blog antes de remover o gadget, mas é difícil, veja como, clique aqui

      Excluir
  23. entren no eu blog

    fofoquinhainocentes.blogspot.com

    ResponderExcluir
  24. Nossa valeu !! Isso mesmo que eu tava procurando , nao estava conseguindo , agora consegui .. (:

    ResponderExcluir
  25. Olha demorei pra entender mais depois que entendi me ajudou muito... Obrigada

    ResponderExcluir
  26. Muito obrigado, foi de grande ajuda esse post, parabéns.

    ResponderExcluir
  27. Olá, amigos! Bm, meu nome e Maxi.
    Tenho uma duvida sobre gadget de links do próprio blogger. Como colocar 50 links ou mais em apenas um gadget e separados por títulos de forma que fique dividido x: em 5 títulos cada um com 10 links diferentes e se for preciso acrescentar links em cada um de forma que cada um se expanda atomaticamente

    ResponderExcluir
    Respostas
    1. Não tem um gadget assim, mas, no blogger tem esse gadget Lista de links, nele não tem essa opção, mas, você pode colocar mais de um gadget, aí cada um deles você dá o titulo que quiser, coloca quantos links quer que apareçam, e, quando resolver alterar, acrescentar mais um ou retirar, ou mesmo mudar o gadget de lugar, você poderá sem precisar mexer em códigos.

      Evite criar muitos links para outros sites, o Google e sites de busca podem pensar que você está tentando usar seu blog/site só para favorecer outros, e, com isso aparece menos nas buscar da web.

      Excluir

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!

Pesquisar

Google

Newsletter

Digite seu Email:

Postagens populares

Arquivo do blog

Recentes postagens populares