Post sobre |Dicas blog, Pc

Mudar, Editar ou excluir Gadget do BlogSpot

Mostrarei como mudar, editar ou excluir um gadget no blogger, apesar de ser algo simples(sem uso de códigos), algumas pessoas tem uma dificuldade de fazer isso, por não lembrar ou não conhecer bem o blogger...

Nem todos os gadgets possuem todas as funções de escolha de cor, fonte, etc. Só tem algumas destas opções de mudar a aparência nos gadgets do blogger, ou, quando você criou um gadget em outro site, essas opções eram disponíveis naquele site, nesse caso você deve ir lá e criar um novo para copiar e substituir o código.

Atualização 2013, após remoção da antiga interface do blogger o passo a passo desse post mudou, para saber Como alterar, editar ou excluir Gadgets do BlogSpot, clique aqui e pode ignorar o procedimento abaixo porque não é mais assim.

O procedimento é simples, é quase o mesmo caminho de adicionar gadget do blogger, e nessa página do blogger: Elementos da página(2) você pode mudar os gadgets de lugar, basta clicar sobre um deles(quadro pontilhado) e arrastar ele com o mouse pressionado até o local que você quer e soltar o botão do mouse, nem sempre ele fica em qualquer local, isso depende do tipo de modelo que você usa.

    Alterar ou excluir gadgets do blogger

  1. Acesse o blogger.com, procure e clique no link Layout Design (Design substituiu a palavra Layout. Atualização:2010)
  2. Você será direcionado para Elementos da página, se não for clique sobre ele.
  3. Verá uma lista com seus gadgets, e abaixo do gadget escolhido clique no link Editar
  4. Abrirá nova janela para editar ou excluir o gadget.

    Se você adicionou um gadget do blogger, verá opções que podem ser de cores, ou opções para escolher parecidos com esses exemplos:



    Se for cor, geralmente basta clicar sobre ela, se for opções de marcar, deve ler e se achar bom marque.
    Se o gadgetnão for do próprio blogger, você verá uma área de texto com códigos, isso indica que você só pode editar esse gadget se entende do tipo de linguagem de programação que ele é feito ou ir no site onde você pegou ele e substituir o código.

  5. Se você modificou seu gadget pode clicar em SALVAR ou, se você não quer mais ele pode clicar em EXCLUIR, isso é irreversível, terá que adicionar novamente se quiser ele
  6. Clique para aumentar
    Editar, excluir ou mudar estilo ou configuração de um gadget no blogger

30 comentários:

Mudar, Editar ou excluir Gadget do BlogSpot2009-10-15T17:26:00-03:00
  1. bOa tArd!
    1º)Qdo clico em "Publicar Postagem" dá a seguinte mensagem:"Não foi possivel processar sua solicitação. Tente novamente"
    2º)Também não estou conseguindo deletar um poster; dá a seguinte mensagem:"Não é possivel localizar a página da Web"
    OBS.:Eu andei dando umas mechidas sem saber no HTML do Blogger na hora de excluir uma data feia que eu não gostei. Por Favor me dê uma ajudinha.!
    Obrigado. Tem outras coisas que eu quero tirar e colocar, mas não estou conseguido. É só dar uma olhada no meu simples blog.( sou novo no ramo )...

    Responder
  2. Juaris
    Se você observar algumas coisas são uma questão de acostumar, por exemplo, no momento que você foi Publicar postagem e deu a mensagem que no final dizia "Tente novamente" você pode ver que é uma espécie de "erro" do blogger e só precisava clicar novamente em Publicar postagem.

    Você poderia criar um novo BlogSpot só para fazer testes, mexer em todas as opções para entender melhor como funciona e que funções existem, e, ver que nem tudo depende só de Html no blogger.

    Quanto a deletar post, tenta evitar isso, se algum blog/site criou um link para esse post ele será prejudicado.

    Antes de mudar algo no Html de seu blog faça um backup

    Se você usou um modelo do blogger pode clicar aqui e escolher ele novamente, isso corrige os erros se você cometeu, mas faz backup antes.

    Você pode pesquisar qualquer duvida na web, tem muita coisa sobre o blogger escrito por aí.

    Responder
  3. como faço para mudar o tamanho do gadget "páginas" que coloco abaixo do título do blog? Ele está deslocado!

    Responder
  4. Kleytynho

    Não sei se eu saberia resolver isso, mas posso adiantar que sem ver um blog que está com esse gadget e com o problema fica quase impossível saber o que causa

    Responder
  5. Primeiramente obrigado pelo seu blog. Pego muitas informações dele!
    Olha, o post das matérias de um blog que estou customizando está muito abaixo do gadget acima que coloquei pra futuramente postar uma publicidade. Poderá notar em http://comerciosdeaguaboa.blogspot.com/ . Coloquei a matéria com o título EM BREVE para poder analizar. Nota que fica um espaço entre a matéria e o banner ANUNCIE AQUI. Não achei nenhuma tag referente ao post das matérias para eu poder mexer. Será que você poderia me ajudar? Pesquisei na net mas nao acho nada parecido. Desde já agradeço.

    Responder
  6. Michel Franck

    Somente no caso do seu blog tem duas coisas que estão fazendo esse espaço em branco e podem ser mudadas no Css.

    Primeira é a margem e padding desse gadget acima do post e você pode em Layout e Editar Html, após fazer um backup de seu Html, localizar:

    .main .widget {
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    }

    E substituir por:

    .main .widget {
    margin:0;
    padding:0;
    }

    Segunda é a data da postagem que fica acima do título dela que está desativada e por isso não precisa de uma margem, pode localizar:

    h2.date-header {
    margin:1.5em 0 .5em; }


    E substituir por:

    h2.date-header {
    margin:0; }

    Responder
  7. oi meus gadgets nao querem ser excluidos eu coloquei um para faser um texte e agora nao é possivel excluir ele sera que voce pode me ajudar

    Responder
  8. melhores downloads

    Só posso imaginar que seja um problema temporário do blogger, ou, se você usa um template da web, não acredito que seja o caso, mas já experimentei um que veio com um gadget incluso que não tinha o botão para excluir ou o botão não funcionava, não lembro bem.

    Se for um problema temporário você conseguirá em alguns dias. Cuidado para não excluir o gadget errado. Se for um gadget de códigos apenas(HTML/JavaScipt), você pode substituir o código por <i style="display:none">.</i> e apagar o título e deixar ele assim por enquanto.

    Responder
  9. Ola saberia me dizer como faço para excluir ou arrumar a data do meu template, qdo posto algo ele sempre coloca:

    "by Ciberblog JW on Nov.22, 2009, under "

    por favor ajude ai...
    obrigado e blog legal o seu!!

    Responder
  10. Ciberblog JW

    Veja aqui como mudar o Idioma do blog, e, os passos para mudar o formato da data são parecidos, você pode acessar o blogger >Configurações >Formatação e mudar o Formato da data, não esqueça de salvar as configurações na parte inferior da página.
    Quanto ao idioma, eu recomendo o Português, isso porque se você escolher Português(Brasil) ou Português(Portugal) pode restringir ou priorizar um pouco a forma como seu blog aparece nos resultados de pesquisa para um dos dois países ou aparecer menos para outros...

    Responder
  11. Olá, suas dicas estão sendo muito útil pra mim. Mas eu gostaria de resolver um probleminha q não está dando certo no meu blog(www.newsoundprducoes.com.br), eu queria mudar a cor dos links dos gadgets, principalmente do menu Categorias, mas já tentei de todas as formas e não consegui. Só consegui mudar as cores dos links dos posts, mas dos gadgets ainda não. Gostaria muito de uma ajuda se possível. Desde já agradeço!

    Responder
  12. New Sound Produções

    Alguns templates, principalmente do próprio blogger, tem essas opções em Designer de modelo, deve tentar lá. Outros você precisará ler onde adiciona código Css no blogger e com os cuidados pode tentar adicionar estilos css como, para alterar o link da lateral, Exemplo:


    .sidebar a:link{color:red;}

    .sidebar a:visited{color:blue;}

    .sidebar a:hover{color:green;}

    Para mudar a cor dos links dos marcadores, pode tentar, Exemplo:

    .list-label-widget-content a:link{color:gray;}

    .list-label-widget-content a:visited{color:orange;}

    .list-label-widget-content a:hover{color:blue;}

    Nos exemplos acima, o primeiro código(linha ou duas linhas) é referente a cor do link, o segundo é a cor do link visitado(visited) e o ultimo ao passar o mouse(hover) e as cores estão escritas em inglês, você pode usar cores básicas em inglês.

    Alguns modelos ou template da web isso pode não funcionar.

    Responder
  13. Obrigado, segui as suas dicas passo a passo mas msmo assim não obtive resultado, o layout do meu blog não aceita edições feitas pelo Designer do Modelo. Existe alguma outra forma de mudar a cores dos links dos gadgets?

    Responder
  14. New Sound Produções

    Se não tem essa opção é provavelmente seu template é baixado da web ou modelo um pouco mais antigo, nesse caso você pode tentar com Css no HTML, como descrevi no comentário acima, antes deve fazer um backup de seu modelo e salvar ele em seu Pc.

    Responder
  15. Olá! Uma dúvida:

    um widget de texto não me permite alterar a cor de seu background da forma que você explicou. Como eu faço isso?

    Só queria deixar um widget específico com fundo todo branco..

    Obrigada!!

    Responder
  16. Daniela

    Vou dar umas dicas do que você pode tentar, mas, é bom você praticar em um blog de testes antes, assim, diminuirá a chance de erro em seu blog.

    A- Alguns gadgets, do tipo HTML/JavaScript permitem uma edição bem parecida com o editor de postagem, se for esse tipo de gadget que você adicionou, e, nele colocou um texto, você pode seguir os passos acima até o passo 3, depois abrirá uma janela, nessa você poderá alterar a cor de fonte, mas, para mudar o fundo você precisa estar na opção Editar Html daquela janela, aí, você pode adicionar no inicio do texto esse trecho de código:

    <div style="background:white;">

    e depois, para finalizar, sempre que você cria uma div, nunca pode esquecer de fechar a div no final de seu texto, sendo assim, coloque no final do texto a tag de fechamento da div, que é esse:

    </div>

    Só para chamar a atenção para um detalhe, white é branco em inglês e você pode usar outros nomes de cores básicas em inglês.

    Aviso:Em Editar Html as letras tem aparência 'feia', só para você saber, depois de pronto elas não ficarão assim(feias ou monospace). Isso serve para as pessoas notarem a diferença entre Editar Html e o padrão que é Escrever(Rich Format Text)

    B- Se não tiver a opção que mostrei acima, aí, você terá que usar personalização Css para mudar isso, é bem mais difícil, e, nem sempre dá certo, isso porque se esse texto for em Flash, estar em iframe, ou gerado por scripts, para tentar alterar o estilo Css de um gadget, clique aqui

    Responder
  17. Ola gostaria muito de uma ajuda... exclui o campo PAGES do meu blogger... porém ficou um espaço branco em vazio. Gostaria de saber se é possivel e como excluir este espaço para q o banner possa ficar logo mais a cima.
    http://seriadoremserie.blogspot.com/

    Responder
  18. Artur Cavalcante

    Seu modelo de template não parece ser do próprio blogger e é muito complexo, cuidado ao mexer em certas coisas, vou lhe mostrar trechos de seu código HTML que você poderá encontrar e alterar e que estão causando seu problema, mas, com o cuidado de fazer uma cópia(backup) do seu HTML, pode até usar um blog de testes, não vou mostrar passo a passo por falta de tempo.

    Pode procurar esse trecho e diminuir o número 41

    div class='span-24' style='height:41px;

    Esse trecho abaixo, pode diminuir o número 31

    style='display:block;padding-left:0px;padding-top:31px;

    No seu código pode estar um pouco diferente dos códigos que coloquei acima, mas estarão bem parecidos.

    Responder
  19. Queria agradecer a ajuda.
    Não excluiu todo o espaço, mas foi o suficiente.

    Eis o resultado:
    http://temporadaemserie.blogspot.com/

    Muito Obrigado!!!!

    Responder
  20. Nossa muito obrigado mesmo.
    Foi d grande ajuda...

    Eis o resultado:

    http://temporadaemserie.blogspot.com/

    MUITO OBRIGADO!

    Responder
  21. Sem querer abusar, estou com mais um pequeno problema..
    Juntamente com as postagens, o template exibe os botoes do facebook/twitter para a postagem ser publicada.
    Porém ao clicar nesses botoes, aparece a msg "a pagina não existe!"

    Sabe como posso concertar?

    Responder
  22. Artur Cavalcante

    Eu vou tentar passar o código correto para esse gadget que você se referiu e acho que é um acessório do blogger, aí, no inicio de 2012 o post estará na pagina inicial desse blog aqui

    Responder
  23. Bom dia, eu queria mudar a cor da letra das opções da enquete e não consigo.
    Poderia me ajudar ?
    Abraço.

    Responder
  24. Zakk Wylde

    Provavelmente você usa a enquete do blogger, a coisa mais fácil a se fazer seria mudar a cor de fundo desse gadget, precisa saber onde adiciona código Css no blogger, depois adicionar o seguinte código:

    .Poll{background:red;}

    ou, para não incluir o título da enquete esse estilo:

    .Poll .widget-content{background:red;}

    Onde está red você pode trocar por um nome básico de cor em inglês.

    Para mudar a cor da fonte desse gadget enquete é mais difícil e pode alterar outras cores de fonte no modelo, antes é bom salvar uma cópia de seu modelo ou testar em um blog de testes, você pode localizar no HTML blogger um código bem parecido com:

    <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#666" value="#333666">

    ou parecido com:

    <Variable name="body.text.color" description="Text Color" type="color" default="#333333" value="#ffeedd">

    Aí, você pode mudar os valores value="#ffeedd" para que fique a cor branca usaria value="#ffffff" ou para preto value="#000000" e perceba que você na verdade irá mudar os códigos hexadecimais que são responsáveis pela cor, como esse que é branco #ffffff

    Se esses dois últimos grandes trechos de códigos acima não existirem no seu HTML você pode adicionar nele logo abaixo de:

    /* Variable definitions
    ====================


    Ao alterar seu HTML fique atento que pode existir códigos parecidos, observe bem que eles estão num padrão, tente segui-lo.

    Responder
  25. olá pessaol,

    Possuo um blog e nao consigo achar os gadgest la no html e edita-los muito menos, como coloca links certos nos cabeçalhos e tal, alguem ai poderia me dar umas dicas dessa neh! Preciso muito...

    Obrigado a todos pela atenção antecipada..

    BANNED - Ronaldo

    Responder
    ...Respostas
    1. Os gadgets do blogger você altera da maneira como mostrei acima, com as opções que estão disponíveis para cada um deles, no HTML do blogger você dificilmente conseguirá alterar gadgets, até pode causar um erro, isso porque o código do blogger é Xhtml e complicado.

      Você tem as opções de escolher os tipos de gadgets e até trocar eles de lugar(veja como) levando ao topo.

      Quanto aos 'links certos nos cabeçalhos', acho que você deve tentar uma busca sobre o menu de páginas do blogger e ver as opções de adicionar ele e links nele.

  26. meus parabéns tu é ninja conseguii muda....

    Responder
  27. Bom, eu estava tentando add o gadget para as pessoas me seguirem no meu blog, mais houve um probleminha e eu não consigo excluir.
    Quando eu aperto o botão pra excluir ou limpar não acontece nada, eu ainda não consegui achar a solução ai vim procurar alguma coisa aqui, e mesmo assim não consegui, eu queria dizer o meu verdadeiro problema !!

    Responder
    ...Respostas
    1. Pode ser um problema temporário do blogger, ou do seu navegador, eu recomendo para trabalhar com o blogger usar o Mozilla Firefox.

      O passo a passo acima mudou, agora a opção de gadgets é em >Layout, assim que der eu atualizo essa postagem.

→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!