Assine nosso Feed


Melhores Dicas para Blogueiros

Passe o mouse e veja qual o assunto do tutorial de cada imagem

Problemas para mover ou adicionar gadgets do blog

gadgets blog
Veja o que fazer quando não é possível arrastar um gadget na pagina elementos de pagina para o local desejado. Muitas vezes não podemos colocar mais gadgets embaixo do cabeçalho ou alguma outra parte. Além disso, vamos mostrar como exibir o link para adicionar gadget caso no seu template não apareça.

Aproveitando o assunto veja como é simples achar novos gadgets ou colocar últimas notícias no blog, essas são coisas que frequentemente nos perguntam, mas vamos começar a mostrar como você pode resolver esses problemas na hora de mover os gadgets do seu blog.

Entre na pagina editar HTML e procure por:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

E altere os trechos do código HTML do blog:

showaddelement='no' - Apague onde está “no” e coloque yes para mostrar o adicionar gadget

maxwidgets='1' - mude o numero 1 para 5 ou quantos gadgets desejar, assim poderá colocar mais gadgets embaixo do cabeçalho ou qualquer parte do blog.



Para facilitar também fizemos esse video tutorial que você vê logo acima, esperamos que goste e visitem o nosso canal no Youtube.

Essa é uma solução bem simples para o problema de não conseguir mover os gadgets livremente pela pagina do blogger que foi resolvido apenas com mudanças simples de html. Related Posts with Thumbnails
Link desta página
Comentários
77 Comentários

77 Comentários:

Sega-Downs disse...

O meu problema é de remover gadgets :( assis que vou remover ele não aparece nada... Nem o botão de salvar ou o de Excluir

Fabiano Roberto disse...

mas aparece o gadget na pagina editar elemento de pagina? senão é possivel remover pelo html do blog, veja aqui: Apagar Gadget


mas salve uma cópia do seu modelo antes de fazer alterações.

Thais disse...

Olá, sou iniciante nessa história de blog, mas vc tem me ajudado muito.
Assim, baixei um template com as opções em ingles, gostaria de saber se tem como eu alterar as abas para: Início, Sobre e etc?
Segue o meu blog, mt obrigada:
http://asfichasmundiais.blogspot.com/

Fabiano Roberto disse...

Thais
infelizmente as palavras home, about us, contact, faq são na imagem do template

http://1.bp.blogspot.com/_Zt-MFCckzsc/SjzR7BQq6WI/AAAAAAAABoM/IyxnMDMfRx8/s1600/header2.png


para trocar seria necessário editar essa imagem inteira e trocar no template

Sega-Downs disse...

Aê manow consegui, exclui os gadgets que eu não conseguia exclui vlw mesmo grato: Equipe Sega-Downs

Leninha disse...

Como coloco o blog em manutenção, não deixando que os visitantes não consigam ver nada..!

Fabiano Roberto disse...

é possivel colocar um gadget ou fazer uma postagem com o aviso blog em manutenção, mas ele continuará visível

Diego disse...

Fabiano tem um jeito sim. Vai em configurações > publicação. troque a url do blog, e salve. o antigo link não aparecerá. depois que tiver feito a manutenção, coloque a url antiga.

Fabiano Roberto disse...

Diego
concordo que fazendo isso o blog não aparecerá, mas você certamente perderá posições nos resultados do google e ainda tem o risco desse tempo que faz as alterações no seu blog e volta para o endereço antigo outra pessoa criar um blog com o seu endereço... se acontecer isso ai não tem jeito de voltar.

sua idéia funciona, mas eu não faria isso.

Diego disse...

Concordo com vc Fabiano. Más é só minha opinião.

Mad Resgate disse...

Ola Fabiano

Pensei que meus problemas estavam resolvidos, mas não.
Gostaria de colocar o LinkWhitin em meu blog, mas seguindo seus passos não consigo fazê-lo, pois ao salvar o template ele aparece no rodapé das páginas e não do post.
Será que voce poderia dar uma ajuda.
Ficaria grato
Mad

Leo | Vw7 Hospedagem disse...

Muito boa a dica, parabéns!

Fabiano Roberto disse...

você pode entrar na pagina editar html, clique para expandir o modelo, logo depois de post.body> coloque o código do linkwithin dentro deste aqui:

<b:if cond='data:blog.pageType == &quot;item&quot;'> o código que desejar </b:if>

Paulo Roberto disse...

Olá, Fabiano!
O problema que estou tendo com meu blog é na barra lateral, na área maior. Só consigo colocar um gadget no 1º compartimento. Não abre área para movimentar o gadget para outra posição, somente na primeira.
Um abraço

Fabiano Roberto disse...

precisa fazer as alterações no código html que mostramos em nosso video

Mad Resgate disse...

Ola Fabiano
Mais uma vez me encontro por aquí e entristecido.
Segui suas orientações, alterei o código como indicado, mas os resultados foram negativos, o LinkWhitin continua aparecendo somente no rodapé das páginas.
O resumo de postagens com imagens poderia estar gerando algum tipo de conflito?
Aguardo notícias.
Agradeço a atenção
Um forte abraço
Mad

Paulo disse...

Simples e rápido, já appliquei a dica no meu blog.
Thanks

Luis disse...

Oi fabiano tudo bem? Espero que sim
Eu queria saber como faço para que o meu plano de fundo não aparece entre as postagens e acoluna, sem ter que trocar o plano de fundo.
Eu sei que pelo designer de modelo do blogger tem geito de fazer o que eu quero mais se eu for fazer eu vou perder muitos racks instalados no meu blog, e eu não quero isso. Sera que não tem geito de fazer o que eu quero editando html?
Agradeceria muito se pudesse me ajudar! Fi

Fabiano Roberto disse...

Luis
veja esse link: Template do Blog, colunas de tamanhos iguais

lá mostra como usar uma imagem ou cor de fundo para não exibir o fundo do blog no meio das colunas

Stéphanie Waknin disse...

Olá, suas informações são realmente muito úteis! Gostaria de saber se tem como alinhar esses gadgets lado a lado abaixo do cabeçalho, pois a ajuda de vocês informa como colocá-los um embaixo do outro.

E como é possível diminuir a distância entre os gadgets no menu lateral?

Fabiano Roberto disse...

Stéphanie Waknin
para colocar os gadgets um do lado do outro seria necessário alterar completamente o html do blog, sinceramente pode ser mais fácil trocar de template.

mas dependendo do que deseja colocar é possivel fazer isso com divs ou tabelas em um gadget só.

por exemplo assim:

<div style="float:right; width:33%">conteudo</div>

<div style="float:right; width:33%">conteudo</div>

<div style="float:right; width:33%">conteudo</div>

Stéphanie Waknin disse...

Eu quero muito colocar vários botões com links. Eles estão na minha barra lateral, mas estão muito distantes. Gostaria de aproximá-los...
se quiser dar uma olhada:
www.baaphonico.blogspot.com

Fabiano Roberto disse...

é que você adicionou cada imagem como um gadget do blogger. poderia hospedar as imagens no imageshack.us e depois colocar o código com um gadget de html/javascript, utilizando o código que citei antes para deixa-los lado a lado.

se precisa aqui tem um gerador de códigos: Como fazer um banner

Stéphanie Waknin disse...

fiz tudo o q vc falou, mas as imagens nao aparecem...
deixa pra lá.. estou tomando muito seu tempo..
Obrigada por ajudar!!

Fabiano Roberto disse...

Stéphanie Waknin
o jeito mais simples de fazer seria esse que falei, adicionar colunas no cabeçalho do blog é meio complicado no modelos mais novos

Mirian Barboza disse...

Cara! Muito obrigada. Ajudou muito por enquanto.

Cleiton ADM disse...

Gostaria de saber como faço pra adicionar um gadget em cima do topo .. é possivel
gostaria de colocar botões de redes sociais em cima do topo no canto
Vlw

Fabiano Roberto disse...

no meu modelo atual é só arrastar o gadget para ficar acima do cabeçalho do blog, veja no video como permitir alterações nos gadgets

Cleiton ADM disse...

sim ja vi esse tutorial .. mais la encina colocar em cima ... Eu quero colocar Sobre o topo ... com o topo por tras e o gadget por cima

Denise disse...

Que maravilha!!!
Muito Obrigada!
Já aprendi e agora vou divulgar!!
D.

dj elvis disse...

quero saber porque meus gadget,só aparecem debaixo dasa postagens,quando organizo os elementos de pagina e fica tudo okei,mas quando clico em visualizar o blog continua aparecendo debaixo das postagens,me ajude por favor,o endereço danificado é,http://reliquiadatv.blogspot.com,agradeço desde já

Fabiano Roberto disse...

se fizer a alteração do html do seu blog como mostramos aqui você poderá colocar um gadget antes da postagem

Ministério Internacional Ágape disse...

Fabiano estou com um pequeno probleminha no meu menu horizontal criei um botões só para assuntos especificos como por ex:noticias usei a forma search/label mas qnd redireciona naum aparece nenhum post , criei tbm paginas dos assuntos e redirecionei mas aparece em forma de "link" mas quero em forma de "post"
http://ministeriointernacionalagape.blogspot.com/ Dê uma olhada !

MariaGois disse...

como faço para adicionar um gadget no final da pag ? gostaria de colocar uma imagem, como nesse site http://www.simonetesesimaretes.com/ , como faço para colocar ?

Fabiano Roberto disse...

só precisa arrastar até o final da pagina se não der certo, veja no html o mesmo que falamos para mudar a palavra "no" por "yes" no trecho:
section class='header' id='header

faça em <b:section class='footer-column

MariaGois disse...

blz, consegui. Agora me diga outra coisa, eu hospedo a imagem do cabeçalho de meu blog no ImageShack, e adc a imagem como um gadget Html/javaScript, a imagem carrega legal, mas apos uns 2 dias a imagem passa a ser exibida pela metade, ela nao abre toda de jeito nenhum :X o q eu faço ? , se eu adc o cabeçalho normal a imagem abre normalmente, mas eu noto que no cabeçalho comum ela fica meia borrada, perde a qualidade :S

Fabiano Roberto disse...

para usar a imagem no cabeçalho pode enviar diretamente para o blogger, pela pagina designer >> clique para editar o cabeçalho, lá tem a opção de enviar uma imagem

MariaGois disse...

sim, mas a imagem perde a qualidade, noto que fica meio borrada :S

Fabiano Roberto disse...

MariaGois, você precisa fazer uma imagem no tamanho correto e desmarcar a opção para ajustar a imagem ao tamanho do cabeçalho na hora de enviar a imagem

MariaGois disse...

e eu fiz isso :O mais msm assim eu noto a diferença qd coloco como cabeçalho e qd coloco html/javaScript ;/

Fabiano Roberto disse...

são sistemas diferentes de colocar as imagens(cabeçalho e código html/javascript)

salve a imagem no formato .jpg, assim evitará que o blogger faça alterações nela.

Anônimo disse...

Oi cara...me add,por favor! Preciso urgentemente de ajuda com gadgets. AFF leonanrp@hotmail.com

Douglas Renato disse...

Obrigado pelo tutorial. Mas o meu caso é um pouco diferente: gostaria de colocar gadget na mesma coluna da área de posts. Meu template não permite isso. Sabe como faço pra alterar? Obrigado.

Nêssinha Carvalho disse...

TO COM PRBLEMAS NA PAGINA DESIGN...QUANDO VOU ADD UM GADGET A PAGINA NAO ABRE NORMAL A 4 DIAS TÁ DANDO ERRO NA PAGINA AÍ ELA NAO ABRE COMPLTA..JA MUDEI O MODELO DO BLOG E TUDO E NADA..O Q SERÁ?ME AJUDAA?

Fabiano Roberto disse...

acho que deveria Limpar Histórico de Internet, muitas vezes os erros são causados na hora do carregamento da pagina e ficam repetindo por causa do histórico de internet

Anônimo disse...

ai cara, eu troquei o html lá, mas não aparece a opção Adicionar Gadgets
como resolvo? ç.ç

Anônimo disse...

ai cara, esquece o comentário de cima, era porque tava navegando ele em uma caixa x.x

luiz henrique disse...

Fabiano Roberto estou com um problema com o blogger eu não estou conseguindo colar imagens do google ou textos de meu outro blog porque na hora que aperto em Salvar agora aparece uma visualização do lado da postagem você poderia me ajudar?URGENTE!!!

Fabiano Roberto disse...

deve ser um erro no carregamento da pagina, tente excluir o histórico de internet

Peripércias de um sonhador disse...

Eu gostaria de saber como colocar um banner no lugar do titulo do blog, ou por cima como fazemos com fotos, obrigado.

Wesley Ruan disse...

Vlw mano deu certo vc me ajudou muito obg

Evandro disse...

Como eu mudo a cor do fundo do gadget que está antes do cabeçalho? já tentei de tudo. Se puder dar uma olhadinha pra mim. Quero deixar ele com fundo preto mas aquele disgramento de cinza não sai nem ferrando!!!!

Olha meu blog: http://nexuswebptc.blogspot.com/

Vou aguardar resposta.

Fabiano Roberto disse...

no cabeçalho você pode enviar a imagem de fundo pela pagina designer, clique para editar o cabeçalho

André Lima disse...

eu estou com um problema !
eu troquei o template do meu blog , ai o cabeçalho se dividiu em dois , e eu queria saber com fazer para deixar somente o cabeçalho
http://img848.imageshack.us/img848/4290/errorn.jpg
essa é a imagem de como esta !
obrg.

Fabiano Roberto disse...

andré a imagem não abriu...

~♥TEREZA GRANATE♥~ disse...

Por favor me ajude! Quero colocar um gadget no rodapé do meu blog, mas ele não tem essa opção nem no html, socorro!!!
tegranate.blogspot.com

Fabiano Roberto disse...

o rodape é o estilo footer... então procure por id='footer-wrapper....

Mah disse...

Ola Fabiano, queria dizer que meu problema não é colocar em cima ( debaixo do cabeçalho) e sim em baixo um pouco acima da onde esta copyright

De uma olhada :
www.risadatensa.blogspot.com

Fabiano Roberto disse...

se não consegue arrastar use o procedimento que mostramos na linha maxwidgets='1' mas tem que ser na linha do id footer e não id='header' como mostramos no tutorial

yaskara disse...

eu consegui, mas o meu problema agora é que fica muito pequena a letra eu gostaria de colocar uma cor no fundo, existe como fazer isso?

Fabiano Roberto disse...

yaskara

se quiser formatar algum gadget separadamente do resto do blog, veja aqui: Personalizar gadgets do Blog

Caren Araujo disse...

Olá Fabiano, td bem?
Aprendi muito com seu blog, e fiz um pra mim usando muito as suas dicas. Estou com uma dificuldade no momento com o gadget estatísticas do blogger. Eu adiciono ele, mas a estatística não aparece, aparece somente o título.
O que será que está errado no meu blog? Será que exclui alguma coisa importante do código html do blog?????
Me ajuda pleaseeeeeeee!
Obrigada, Deus te abençoe!!!!

Deise do Prado disse...

boa noite Fabiano, meu problema é parecido mas diferente, eu quero colocar no meu blog uma gadget que indique as minhas sessoes( outros gadgets que tenho) como se fosse uma barra de titulo do blog, como faço? nao gostaria de colocar varios um embaixo do outro...mas lado a lado entende?

Fabiano Roberto disse...

Deise do Prado
navegar dentro da pagina é um código simples... mas nem sempre funciona no blogger...
veja aqui: Navegar Dentro da Página - Criar links na mesma pagina

Miguxi disse...

Fabiano me tira essas duvidas Porfavor?:
eo seguinte,eu estava colocando um Gadget encima do post, só que percebi estes erros;
1-a cor do fundo do Gadget está cinza.Como faço para mudar?
2-o final do Gadget ( o Desing que eu fiz, que na verdade era para os gadgets da esquerda e direita, acabou aparecendo nos gadgets que coloco encima do post). como faço pra tirar eles, sem tirar juntos os dos gadgets da esquerda e direita?ou então como faço pra colocar um desing diferente ( so nos Gadgets encima dos post?).

Da uma olhada, pra tu ter uma idéia do que se trata.

>http://i51.tinypic.com/2i941fb.png

Vlw cara ;)!!

Fabiano Roberto disse...

veja aqui como fazer uma formatação dos gadgets separadamente: Personalizar gadgets do Blog

jeferson disse...

Olá como eu faço para colocar as paginas embaixo da foto do cabeçalho?vc pode me fazer agradeço...

Fabiano Roberto disse...

é só adicionar um gadget e arrastar

Matheus Augusto disse...

Fabiano, sempre sigo as suas dicas e gosto muito do seu blog. Gostaria de saber como colocar um gadget no topo do blog. Por exemplo: meu blog tem uma logomarca, quero deixar ela no canto esquerdo, e logo ao lado um gadget com um anuncio adsense. Por favor, me ajuda !? Aguardo sua resposta. ;D

Fabiano Roberto disse...

@Matheus Augusto está querendo fazer isso no cabeçalho do blog? se for veja aqui:

Dividir Cabeçalho do Blogger em Dois – Design do Modelo

se não pode usar um gadget de html/javascript e colocar divs, assim:

< div style="float:left;width:49% > seu banner < / div >

< div style="float:right;width:49% > adsense < / div >

Mundo do Artesanato disse...

meu cabeçario foi para o inicio da pagina o que faço

Fabiano Roberto disse...

Mundo do Artesanato
tente explicar melhor... o cabeçalho fica no inicio da pagina

Franklin Nunes disse...

Boa noite Fabiano, como vão as coisas?
Espero que esteja tudo bem...
Meu problema é com o tradutor do Wibiya... Segui o tutorial daqui para colocá-lo, me ajuda muito!
Quando eu coloquei ele, eu era muito novato no assunto de forma que não alterava nada, por isso foram usados no Wibya os idiomas padrões do próprio Wibiya, português, russo, chines, japones, espanhol e mais alguns, e funcionava normal. Dai, certo dia, fuçando no Wibiya, eu mexi no tradutor e adicionei todos os idiomas disponiveis, visto que ate ja havia recebido visitas de paises cujos idiomas não tinha no tradutor, ou melhor, eu achava que não tinha... Daí, agora não está traduzindo nada. Qual o problema? Não se pode colocar todos os idiomas?
Desde já, grato,

Fabiano Roberto disse...

Franklin Nunes
se o tradutor apareceu na barra e não funciona acho que não tem o que fazer, afinal só podemos adicionar ou remover coisas da barra do wibiya não temos como corrigir falhas internas.

tente usar um tradutor fora da barra

Liege Karina disse...

OI Fabiano, é possível eu diminuir mais o espaçamento entre gadgets. Eles são organizados na coluna lateral do blog, só queria deixá-lo mais próximos.
Bjo

Fabiano Roberto disse...

procure no seu código html por

.widget{....}

se tiver algo como padding ou margin troque o valor que tiver por 0

orteguinha disse...

cara tu salvo minha pele o pessoal que acessa meu blog tava me trucidade, falando que eu nao prestava nem pra arruma e menu paginas

Postar um comentário