Os elementos de página do Blogger

Os elementos de página do Blogger

6 10 99
Os elementos de página do Blogger 10 6 99

Fiz um post sobre este assunto em 2007, mas de lá para cá muita coisa mudou. Então hoje vou explicar aos novatos para que servem os elementos de página. A meu ver, eles são o corpo do blog, enquanto o código html seria o cérebro. E é o que faz do Blogger, uma ferramenta tão fácil de usar.

Para acessar os elementos de página, devemos clicar em “layout” no painel do Blogger.

painel

A disposição dos elementos dependerá do template que estamos usando. Exemplos:

Mínima Dicas Blogger Template Songs

Cliquem nas imagens para ampliar

Os espaços destinados a inserir os elementos, são chamados de gadgets ou na antiga terminologia, widgets. Eles podem ser movidos para cima, para baixo e para os lados.

movendo os gadgtes

Quanto mais espaço para gadgets um template tiver, melhor ele será - pois nos possibilitará uma infinidade de ações a fim de aumentar a funcionalidade do nosso blog.

O Blogger já disponibiliza algumas opções de gadgets. Para aprender a usar, basta ir testando cada um deles. O mais usado por quem deseja turbinar o blog, é o html/javascript. É nesse gadget que colocaremos todo e qualquer código, seja em linguagem html ou em javascript.

Em cada um deles, já aparece uma descrição de suas funções e é super divertido explorá-las.

descrição dos gadgets +gadgets

Vou dar um exemplo prático. Um novato chega aqui no Dicas Blogger e acha super legal o widget do BlogBlogs. Curioso, ele resolve clicar no link para encontrar o código e colocar no seu blog. E agora, onde inserir este código? Como dito anteriormente, no gadget html/javascript! Um outro internauta gostou tanto do blog que deseja inserir no seu os feeds do Dicas Blogger. É simples! Ele deverá escolher o gadget Feed, colar a url do nosso feed e configurar a seu gosto. Vejam as imagens abaixo:

blogblogs feeds

À medida que inserimos novos gadgets, podemos conferir as alterações clicando em visualizar, no alto da página. Abrirá uma nova janela e se estiver tudo certo, devemos clicar em salvar para que as novas configurações sejam validadas. Ao escolhermos a opção limpar edições, todas as novas alterações serão perdidas.

Aproveito para dizer que tem sido muito gratificante fazer estes tutoriais da série Primeiros Passos. Tenho recebido muitos comentários bacanas, de gente que se sente agradecida por ter encontrado a ajuda que tanto procurava. E isso, me dá mais ânimo para continuar! Não é só de salsas e miguxos que vive um metablog, muuuuito pelo contrário! A maioria dos leitores do Dicas Blogger são inteligentes, curiosos e educadíssimos.

57 Comments
Comments
  1. COmo sempre,Elementos de pag e JavaScript ajudam a melhorar o blog,melhor mesmo é utilizar Elementos bem leves!

    Abraço
    Grande blog

    Sayoan

    ResponderExcluir
  2. Navegando pela web, fui aportar no seu blog. Gostei. Dicas úteis para novatos e veterenos.

    Abraços

    ResponderExcluir
  3. Olá Juliana, ótimas dicas para os iniciantes. Muito bom o tutorial, parabéns.

    Abraços e sucesso!
    Monthiel

    ResponderExcluir
  4. Muito útil. Obrigado e um abraço. Drauzio Milagres.

    ResponderExcluir
  5. Procuro ajuda para o seguinte:
    Depois de ter o meu blog a funcionar em pleno há mais de 2 mêses, acontece que ultimamente
    depois de adicionar um Gadget e ao arrastá-lo para a posição que desejo, o mesmo não sai da posição de topo. O que será?
    http//angolabela.blogspot.com
    Obrigado e um abraço

    ResponderExcluir
  6. Belo, você já experimentou mover este gadget com o mouse para outra posição? Se não der certo, sugiro fazer novo upload do mesmo template. Abraços

    ResponderExcluir
  7. Nossa, vc me ajudou muito, sou iniciante, tava tentando adicionar contador de visitas e várias outras coisas e tentei de tudo e vi esse negócio de adicionar html, me ajudou mesmo, dei uma turbinada no blog, valeu.

    ResponderExcluir
  8. Se me permite vou colocar seu link no meu blog, Posso?

    ResponderExcluir
  9. Edgar, seja bem-vindo!
    Fico feliz de ter podido ajudar.
    Quanto ao link, fique à vontade.
    Abraços

    ResponderExcluir
  10. Poxa... meu blog não tem esse esqueleto. Quando eu atualizo seu modelo é manualmente... html, não tenho essa facilidade de adicionar gadgets, nem a parte de cor e tals. Como eu faço? Por que o meu é diferente?

    ResponderExcluir
  11. adorei juliana.......penei muito para aprender sozinha.......se tivesse te achado antes........
    estou lendo com calma, pq ainda tenho muito q saber
    montei um blog com uma amiga e ficaria muito contente se vc passasse por lá e nos dissesse o q achou, quais as suas crpiticas e sugestões?
    faria isso?
    abraços
    carmen
    pq a globo está ignorando o caso abdelmassih?
    já são 61 mulheres q acusam o mpédico de abuso sexual, mas apenas a rede bandeirantes noticia o fato
    o q está acontecendo?

    http://anjoseguerreiros.blogspot.com/

    ResponderExcluir
  12. Gostaria de saber como posso incluir um novo espaço para a inserção de gadgets, além daqueles que já vem no template. E como posicioná-lo na página. Agradeço se vc puder me responder por email.
    Obrigado (oggrecord@gmail.com)

    ResponderExcluir
  13. Nica, talvez você esteja usando o modelo clássico do Blogger. Vá no html e procure lá embaixo, à esquerda, uma opção para mudar para o novo blogger. Abraços

    ResponderExcluir
  14. Carmem, obrigada pela visita!
    Assim que possível deixarei um comentário lá no seu blog.
    Abraços


    Ogg, vou ficar te devendo essa, pois eu também não sei fazer. Te aconselho a usar um template como os nossos, repletos de gadgets.Abraços

    ResponderExcluir
  15. Aff! Há meses procuro uma resposta para essa questão. Onde é o "corpo" do meu blog? Como faço para inserir minhas escolhas nele?
    Só tenho uma coisa para te dizer...
    Obrigaduuuuuuuuuuu.

    ResponderExcluir
  16. Nusss n creio!!!
    Era tao facil adicionar esse html/javascript!!
    Me deu um novo animo quando eu vi o contador no meu blog hehehehehe
    brigadao Juliana!!
    Mais um que vc salvou da ignorância heheh
    bjao!

    ResponderExcluir
  17. Sou novata no mundo dos blogs, mas estava tentando colocar um gadget há alguns dias. Descobri quando li seu site.
    Obrigada! Não desista nunca das dicas

    ResponderExcluir
  18. eiiiiiii, esse terceiro comentário aí da matéria é meu, pô, direitos autorais, todo mundo tem pq e naum posso ter, não é mesmo? Só pra descontrair, não leva a mau. mas fui eu q escrevi mesmo.

    ResponderExcluir
  19. Juliana

    Já fiz uploads do mesmo modelo e de outros templates e dá-me sempre o mesmo resultado. Os elementos de página não os consigo deslocar quer para cima quer para baixo.Ao clicar em Guardar, fica eternamente com a indicação A Guardar... e tenho que anular as alterações para poder seguir para outra p
    agina.
    Obrigado

    http://angolabela.blogspot.com/

    ResponderExcluir
  20. Me perdoe nao comentar em cada materia, mas sempre tive um blog e nunca passei ele pra frente, a partir de um amigo que me indicou esse site, estou lendo tudo e ja to recriando todo meu blog e pretendo realmente leva-lo a frente, assim como criar outro com relaçao a medua ossea, faço esse trabalho pela net.. e suas orientações me sao demuita valia, eu agradeço de coração mesmo... Da mesma forma como trabalho com montagens e tal, em photoshop, e dedicomeu tempo a ajudar quem precisa, recebo gratuitamente seu apoio aqui dedicando essas informações... Muito obrigado de coração.. Deus o abençoe!

    ResponderExcluir
  21. tenho feito mudanças em meu blog com ajuda de varios blogs pela
    internet, mas estou querendo mudar a visualização da pagina com as
    ultimas postagens, pois nela não aparece as postagens e sim e tão
    somente os titulos, não sei como mudar e onde tenho perguntado niguem
    retorna com uma ajuda, por isto estou aqui, pois queria que
    acontecesse no meu blog o que vejo que é normal nos outros, ou seja ,
    ao clicar em postagens anteriores vai para pagina naterior com as
    postagens e no meu caso vai para pagina anterior e so mostra o titulo
    das postagens, se puderes me ajudar.
    obrigado.
    http://moisesalba.blogspot.com
    desculpa se não for apropriado a questão aqui, é que não to conseguindo ajuda, se quiser pode deletar o comentario.
    obrigado

    ResponderExcluir
  22. Ainda tenho muito o que aprender. Obrigado. Um abraço. Drauzio Milagres.

    ResponderExcluir
  23. Prezada Juliana,

    Essa é minha primeira vez aqui em seu blog.
    Amei as dicas, porém ainda estou com algumas dificuldades quanto a edições em HTML.
    Gostaria de colocar um contador em meu blog e tb outras coisas interessantes mais, mesmo lendo as dicas, não estou sabendo, em minhas conf. não aparece a opção configurar HTML/Java Script, vc pode me ajudar?

    Grata,

    ResponderExcluir
  24. essa tenho que tc..sou marinheiro de 1ª,estou desenvolvendo meu blog,e ñ tinha encotrado um site com tanto conteudo e otimas dicas vlw.. obg parabens!

    ResponderExcluir
  25. Muito obrigado pela ajuda que vc oferece aqui no site esta de parabéns pela sua contribuição com os blogueiros mais newbies como eu.

    ResponderExcluir
  26. Juliana...

    Sou blogeira novata, adorei seu blog e suas dicas são super interessantes!

    Parabéns!!!!

    ResponderExcluir
  27. Eu to me virando do jeito que posso, tentando entender essas coisas. Obrigada pela ajuda!

    ResponderExcluir
  28. Agradeço as dicas. Meu blog - educativo - está em fase de construção e tenho muitas dúvidas. Precisarei muito mais, com certeza!

    ResponderExcluir
  29. Adorei sua linguagem - simples e objetiva. Parabéns e obrigada.

    ResponderExcluir
  30. Muito, obrigado,agradeço as dicas pois sou iniciante , que Deus lhe abençôe.

    ResponderExcluir
  31. ola amis blogers eu sou novato nisto e precisava de uma explicaçao eu estou a fazer uma radio no blog e tenho o msn da radio para os pedidos etc e um link para quem nao consegue ouvir a radio agora so nao sei como mover o texto todo para a direita agradecia se me podessem ajudar pf fica ai o link http://radionovaeraclub.blogspot.com/ e parabens pelo blog esta mt bom

    ResponderExcluir
  32. Olá.
    gosto muito das suas dicas.
    como faço para colocar imagem no título do meu blog?
    sogodoy@terra.com.br

    ResponderExcluir
  33. Preciso de uma ajuda...como insiro mais do que uma mini aplicação? Por exemplo...tenho inserido um contador e ao querer inserir um ticker o blog subsitui...como sou novata devo isto à inexperiência :-)
    Obrigada
    Daniela

    ResponderExcluir
  34. Sou novata nesse mundo de blog, ainda estou mexendo no meu blog para deixá-lo melhor.
    Gostaria muito de criar um selo, mas ñ sei como.
    Pode me passar umas dicas?

    Obrigada.

    abs

    ResponderExcluir
  35. Olá,,,passei o dia inteiro mexendo no meu recente blog e ñao tinha conseguido colocar os benditos codigos,,até que achei vc,,,muito obrigada pelas dicas,bjokas!

    ResponderExcluir
  36. Oie.. adorei as dicas! são bem explicativas e me ajudou muito, bgda, bjss

    ResponderExcluir
  37. Muito obrigada porque estou tirando muitas duvidas.Agora que eu ainda não consegui foi como fazer um blog TESTE.E como enviar selinhos.
    Muito obrigada Gilka

    ResponderExcluir
  38. Parabéns e obrigado.
    Que bom que existem pessoas como voce que disponibilizam parte do tempo para auxiliar os que possuem menos conhecimento.
    Estava já desistindo de criar um blog(sou zero em html, etc), e eis que descubro o seu blog e cá estou eu vendo todos os seus posts para ver se consigo assimilar alguma coisa, acho que vou conseguir mais pelos seus tutoriais que pela minha inteligência(rsrs).
    Parabéns mias uma vez.
    Abraços

    ResponderExcluir
  39. Nossa, estou começando agora no mundo dos Blogs e a cada Post que leio aqui no Dicas Blogger me sinto mais sedento para criar logo o meu!
    As dicas são D+ !

    ResponderExcluir
  40. Muito legal. Com essa visão geral de um blog, agora é só esmiuçar. Valeu!

    ResponderExcluir
  41. Olá ! estou utilizando um modelo do blogger que vou sempre arrumando do meu jeito; mas tem uma coisa que não consigo mudar por nada nesse mundo !!! rs rs rs que é a cor da caixinha que fica embaixo do post, onde tem os links e os comentários... meu blog é todo da Barbie, todo rosinha e fica aquela caixa verde que não tem nada a ver...
    Na opção fontes e cores não tem como alterar este item, preciso localizá-lo modo edição de html... e alterar a cor da caixa e fonte... vc pode me ajudar ?

    ResponderExcluir
  42. Ju. Não consigo mover meus elementos de pagina, ja tentei em dois navegadores (firefox e Chrome)

    Sabe como resolver esse problema?

    Uma abraço

    ResponderExcluir
  43. é só o meu que esta assim? O que devo fazer?

    ResponderExcluir
  44. Pedro recomendo que você assine os feeds do DB pois fiz um post sobre isso recentemente. Trata-se de um bug. Use o IE para mover seus gadgets

    ResponderExcluir
  45. Ok Ju. Eu ja assino o DB =D Mas faz tempo que não olhos os Feeds (férias) vou tentar aqui.

    Um abraço

    ResponderExcluir
  46. Ola, queria saber se tem como alguém me ajudar. Eu queria colocar um menu em meu blog, tipo com fotos, eventos, contato essas coisas ja virei o google do avesso e naum consegui alguem me ajuda por favor??

    ResponderExcluir
  47. Ola´,sou blogueira de 1ª viagem,ou melhor da terceira idade.Meu contador não funciona como poderei resolver e como divulgar o blog.
    adorei o seu blog Juliana

    ResponderExcluir
  48. SAUDAÇAO QUERO PARABENIZA-LO SAO POUCOS COM ESSA VISÃO DA AJUDA MUTUA, DO COMPARTILHAR, VIVEMOS NUM MUNDO COMPETITIVO E QUE SOUBER DE MAIS INFORMAÇOES DETEM O CONHECIEMENTO, DESTA FORMA V.Sª QUEBRA O PROTOCOLO E REPARTI COM OS QUE OCMO EU LEIGO NO ASSUNTO, DEBRUÇA SOBRE OS SEUS CONHECIMENTOS PARA APRENDER UM POUCO MAIS, TERIAMOS UM MUNDO MELHOR SE NA PRATICA FOSSEMOS ASSIM,MAS NESSA SELVA DE PEDRA,COMPETITIVO O IMPORTATE É SO O EU,MAS SURGE PESSOAS COMO VOCÊ NAS RARAS EXCESSOES PARA AJUDAR PARABENS ASSESSOR MARCOS

    ResponderExcluir
  49. Muito bom o seu trabalho, mas não encontro o que quero e que tem aqui no seu espaço.
    tal como aqui: QUERO FAZER A VIZUALIZAÇÃO COM ROLAGEM DIRETA DAS POSTAGENS,SEM TER QUE IR PARA: POSTAGENS MAIS ANTIGAS.

    Espero que me oriente, sou iniciante e nada jovem.

    ResponderExcluir
  50. ola boa, coloquei o banner do seu blog no meu quaodo eu quero uma dicazinha eu vou lá,
    www.tododiadagente.blogspot.com

    ResponderExcluir
  51. Você deu um show!
    Parabéns.
    Ane

    ResponderExcluir
  52. Ah, muito obrigada, você escreve muito bem e de forma clara.

    ResponderExcluir
  53. Obrigado cara, começei meu curso de Web Design a alguns dias ... Muito obrigado! Seu trabalho é show!

    ResponderExcluir
  54. Oi querida, comecei construir meu blog esta semana em que estou de ferias. Comecei a vasculhar a internet a procura de informações de como criar um blog e dei de cara com Dicas blogger e vou ti contar um segredinho vou precisar muito das suas dicas. Obrigado e FELIZ ANO NOVO!!!

    ResponderExcluir
  55. Olá, eu gostaria de saber como posso fazer com que a outer-wrapper fique transparente e o conteúdo opaco. Obrigado!

    ResponderExcluir
  56. Ei amigo como faço pra mudar de posição a imagem do cabeçalho, como ela é pequena o título cobre ela.

    ResponderExcluir
 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top