Como Postar Códigos na Sidebar no Blogger


Hoje vamos aprender como postar códigos na barra lateral do blog, que é uma dica bem simples, na verdade considerada das mais simples que existem (isso para quem já sabe né?), mas que para quem está começando, se não tiver quem explique, se torna um problema enorme. Por isso resolvi explicar direitinho aqui como fazer para postar códigos na sidebar do blog no Blogger para quem é novo na rede e quer melhorar o seu blog. Vamos lá!

Considerando o fato de que você tem um código para postar. Vamos usar como exemplo um link para o blog Novo na Rede (meramente ilustrativo, sem nenhum motivo que não um exemplo prático :D ):

<a href="http://www.novonarede.com.br/blog">Novo na Rede</a>

Agora vá até o painel de controle da sua conta no blogger e clique em Layout. Você vai cair na página Elementos da página.

Na sua sidebar (barra lateral) clique em Adicionar um Gadget.

Na janela que se abre, procure por HTML/JavaScript e clique nele! :D

HTML-JavaScript

Na nova janela, cole o código que você quer adicionar a sidebar no espaço reservado para isso. Lá também, você poderá adicionar um título ao seu novo gadget. ;)

Dica: Como no nosso exemplo estamos falando de um banner, caso você queira adicionar vários banners, basta ir colando um código após o outro.

Depois é só clicar em SALVAR e pronto!

Isso vale para postar códigos em outros locais além da sidebar (footer, header, post, etc...) só usei a sidebar como exemplo para facilitar as coisas.

Faça bom uso!

Tico Esteves
Web designer freelancer, criador e Webmaster responsável pelo bom funcionamento do Novo na Rede. Saiba mais!

Gostou do texto? Ajude a divulgar!

Se você divulga o conteúdo ajudando o blog, mais pessoas vão ler e comentar, incentivando um maior cuidado e atualização constante por parte da administração. Participe!

E por falar em incentivo... Já deixou seu comentário hoje?
     

Artigos Relacionados:





10 ideias sobre “Como Postar Códigos na Sidebar no Blogger

  1. Olá Concentrado, pois é rapaz eu também penei um bocado até aprender o básico, por isso achei legal deixar essa dica para quem está dando os seus primeiros passos.

    Valeu pelo comentário e pela forma de sempre! Um abraço!

  2. oi crie um blog como diariario , e não pra ninguém ver mas gosto de tudo bonitinho, o clip do youtube consegui colocar mas ele fica grande e cortado na metada
    eu gostaria q ele toca-sse assim q eu entro no blog e q ficasse pequeno com os q vejo, outra coisa é q não consigo mas publicar do word para o blog.
    se puide me ajudar fico muito grata
    obrigada
    Srta.Baunilha

  3. Oi!

    Olha só, para acertar a largura e a altura você tem que procurar no código do vídeo os trechos width= e height=. O Width é a largura e o height é a altura. Vai mudando os números que aparecem entre aspas nesses elementos até chegar ao tamanho que você quiser. Só preste atenção que eles se repetem duas vezes tá? No começo e no final do código e você tem que colocar o mesmo número nos 2 Width e nos 2 height ok?

    Quanto ao vídeo iniciar ao entrar no blog eu sinceramente não faço ideia de como se faz, mas se você você não faria isso. Muita gente acessa o blog do trabalho e não é legal ter uma música tocando de surpresa (o melhor é a pessoa poder escolher se quer assistir ou não).

    Espero que ajude!

    Um abraço e obrigado pelo comentário!

  4. Pingback: Como Postar Códigos na Sidebar no Blogger | diggBlog

  5. Olá! Bonito trabalho, Tico. Vim indicada por um amigo e tenho uma pergunta. Gostaria de saber como fazer para mudar os títulos dos widgets da sidebar no novo blogger. Antes eu conseguia fazer isso facilmente, acrescentando os códigos, mas agora que o jeito de editar o design mudou eu não consigo mais fazer isso. Procuro no código e não acho o sidebar h2.

    O que eu gostaria de fazer é apenas colocar um background no título de cada widget da sidebar. Mee Ajuuuuuda! Obrigada!

  6. Olá Silvanna, tudo bem?

    Olha só, você ainda pode modificar o título da sidebar pelo código. Para isso, basta acrescentar no seu código (uma vez que você falou que não tem) próximo ao trecho referente a sidebar o seguinte:

    .sidebar h2 {
    background:#ffffff url(ENDEREÇO DA IMAGEM);
    }

    e entre as chaves ({}) você pode colocar o que quiser ok?

    Grande abraço, obrigado por participar e boa sorte!

Deixe um Comentário

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>