domingo, 25 de julho de 2010

Mudar o tamanho do cabeçalho

Uma das primeiras coisas que uma pessoa pensa em mudar no blog é o tamanho do cabeçalho. É muito simples, é quase uma introdução ao HTML.


  1. Vá em Design de seu blog e Editar html e procure por :

    #header-wrapper {
    width:660px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }


    Widht varia de HTML para HTML.Width é a largura do cabeçalho. Aumente ou diminua de acordo com o tamanho que quer. NÃO apague o "px"
  2. Para muda a altura do cabeçalho, acrescente logo após widht :

    #header-wrapper {
    width:660px;
    height: 290px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }

    Sendo height a largura. Pode variar também. Faça sua imagem e hospede no Tinypic.
  3. Depois de hospedada a imagem acrescente o seguinte codigo destacado:

    #header-wrapper {
    background: url(URL DA IMAGEM) no-repeat;
    width:660px;
    height: 120px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;

    Onde diz URL DA IMAGEM , você coloca a url da imagem hospedada.

  4. No-repeat diz como a imagem será apresentada no cabeçalho:

    No-repeat: a imagem não repete
    Repeat: A imagem repete por todo o cabeçalho.
    Repeat-y: a imagem repete verticalmente
    Repeat-x: a imagem repete horizontalmente

  5. Border: Existem varios tipos de borda para o cabeçalho:

    dashed: borda tracejada
    solid: borda linha
    double-> borda linha dupla
    none->nenhuma
    Para colocar algum dessas substitua "Solid" pela sua opção;

Mudando a favicon do blog

Favicon é o ícone que fica na barra de endereços.

Se você quer mudar o ícone para uma imagem que você quer basta fazer o seguinte:

  1. Crie uma imagem de 16x16 px em um editor de imagem. Depois basta hospedar no Tinypic ou outro site de hospedagem da web.

  2. Vá em editar html de seu blog e procure por:




  3. Logo abaixo, coloque o seguinte código:

    <link href='URL DO ICONE' rel='icon' type='image/x-icon'/>
    <link href='URL DO ICONE' rel='shortcut icon' type='image/x-icon'/>


  4. Substitua "URL DO ÍCONE" pela url da sua imagem. Visualize e se tudo der certo, salve.

segunda-feira, 19 de julho de 2010

Gadget - Para que serve cada um

Páginas: O blog está cada vez melhor,fazendo com que seu blog se pareça mais com um blog. Com esse recurso,você pode criar até 10 páginas sobre o assunto que você quiser.


Seguidores: É um meio mais fácil de saber quem gosta de seu blog. E quem segue pode saber a ultima coisa que você postou sem ir em seu blog.Muito útil também. Praticamente todos os blogs usam. Recomendo.


Caixa de pesquisa: Seu visitante encontra mais facilmente postagens em seu blog com essa ferramenta. Há opções de como será feita a pesquisa e etc.É só adicionar e pronto.



HTML/JavaScript: É o que mais é usado. Desde códigos de imagens á html mais avançado. É só copiar o código e colar. Adicione funcionalidade de terceiros ou outro código a seu blog.


Texto: Adicione algumas palavras ao seu blog.Pouco usado acho... mas é muito bom. Pode fazer uma mensagem de boas vindas com ele também.




Adsense: Sim,dá para ganhar dinheiro com seu blog.O AdSense é um programa de publicidade do Google que permite que você coloque anúncios com conteúdo relevante no seu blog. Esses anúncios geram receita com base no número de cliques.

domingo, 18 de julho de 2010

Colocar musica no blog

Depois de anos de experiência com blogs,aprendi que música não é uma coisa boa para colocar lá. Imagina que você vai em um blog e começa a tocar uma musica que você não gosta, ou que está muito alta. Mas se mesmo assim você quer música no blog,vamos ao tutorial.
Um site que indico é o Goear.com . É só buscar a musica que você quer , clicar em uma das opções e copiar o código que aparecerá ao lado:

Copie e cole onde quizer.

Como tirar a navbar do blog

Sabe aquela barrinha que fica acima do blog? Quer tirar ela? Vou explicar como! É muito fácil,é só prestar atenção.


  1. Clique em design> editar HTML e procure por ]]> (para encontrar mais facilmente, aperte Ctrl + F )
  2. Quando encontrar copie e cole "#navbar-iframe { height: 0px; visibility: hidden; display: none; }" (sem as aspas) antes de ]]> . Ficará assim:

    #navbar-iframe { height: 0px; visibility: hidden; display: none; }
    ]]>



Visualize e salve modelo.

sábado, 17 de julho de 2010

Como colocar video do Youtube no blog

No inicio de um blog, as vezes é difícil colocar aquele vídeo que você tanto gosta. Ou então,você quer diminuir o vídeo para encaixar. Vou mostrar um tutorial para você conseguir sem problemas.

  1. Visite www.youtube.com.br e procure o video que você quer em seu blog, depois clique para assisti-lo. Logo abaixo do video clique em "incorporar" ,e copie o html que vai aparecer.
  2. Vá em Nova Postagem e clique em editar HTML ,onde você vai colar o html do video.
  3. Ainda em editar HTML procure por:


    Width é a Largura do video e Height é a altura. Agora é só mudar o número ao lado. Para mais ou para menos,de acordo com o tamanho que você quer.