Perfil não disponível
Algumas pessoas bloqueiam o acesso dos outros ao seu perfil do blogger, mas elas esquecem que quando comentam outro blog usando sua conta google, o que aparece no blog que ela comentou é um link para o seu perfil (que está com acesso restrito) ou seja fica impossível saber quem comentou o blog porque aparece somente o nome mas o link leva para lugar nenhum, uma vez que o perfil não está disponível. Assim não adianta comentar outro blog usando a conta google pois não será possível o dono do blog nem qualquer outra pessoa retribuir a visita ou comentário no seu blog.
Para deixar o seu perfil com livre acesso vá até o painel do blogger e clique em editar perfil, na primeira linha tem a opção Compartilhar meu perfil, você deve marcar essa opção e clicar no botão gravar perfil (no final da página). Esse é um detalhe que pode passar desapercebido e certamente atrapalha a divulgação de seu blog e certamente diminui a quantidade de comentários que você tem pois impede que as pessoas visitem seu blog usando o link do perfil.Marcadores: Mais visitas, Template
Blog com 3 Colunas
Antes de começar a mudar seu template para 3 colunas você deve salvar uma cópia do seu template original, pois essa mudança é um pouco complicada de fazer e caso você não consiga deixar seu blog do jeito que deseja será fácil voltar tudo ao normal tendo uma cópia salva no seu computador. Então vá até a página editar html e clique em Baixar modelo completo, então salve o arquivo e se tiverem problemas é só colocar esse modelo novamente nesta mesma página onde está escrito Faça upload de um modelo de um arquivo no seu computador.
Na explicação usarei varias vezes {..........} isso quer dizer que tem alguns códigos que não teria utilidade colocar aqui pois isso muda para cada modelo de blog, mas o procedimento para alterar qualquer um deles é o mesmo, clique e veja um exemplo de sidebar na pagina editar html.
Depois que salvar uma cópia do modelo vamos colocar a terceira coluna no blog, na página editar html procure onde está #sidebar{.........} e logo abaixo coloque:
#newsidebar-wrapper {
background-color: #cccccc;
width: 170px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
A linha background-color:#cccccc; serve para colocar um fundo cinza na nova coluna, isso é somente para ficar mais fácil visualizar e acertar a largura dela, depois apague essa linha e a cor cinza desaparece. Quando falei acertar a largura estou me referindo a largura de cada coluna(essa que estamos criando e a que já existia), a largura das postagens também a largura total do blog. Para acertar isso olhe os seguintes códigos, o primeiro (760px) é a largura total do blog, 400px(largura das postagens) e 150px(largura da coluna que já existia no blog):
#content-wrapper {
width: 760px;
#main-wrapper {
width: 400px;
#sidebar-wrapper {
width: 150px;
Você precisa ajustar os valores para que a soma das duas colunas(sidebar-wrapper, e a que estamos fazendo agora) e da postagem(main-wrapper) seja menor que a largura total do blog(content-wrapper). Não deixe uma conta exata pois existem padding e margin que são espaços vazios nas margens e não estão incluídos nos valores. Portanto se quando visualizar seu blog as 2 colunas e a postagem não ficarem uma do lado da outra diminua um pouco o valor das colunas e postagem ou aumente a largura do blog. Mas antes de visualizar o blog precisamos colocar a segunda parte do código.
Agora procure por:
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
</div>
Então copie a segunda parte<div id='sidebar-wrapper'> fazendo as alterações para a nova coluna
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='novabarra' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
</div>
Note que alterei as partes em negrito(newsidebar e novabarra). Depois de fazer essas mudanças coloque isso antes do techo acima. Outra coisa indispensável para isso funcionar é colocar alguma coisa que já existia no seu blog nesta nova coluna, foi o que fiz com a linha <b:widget id="HTML2" locked="false" title=""
type="HTML">, mas lembre-se de apagar essa linha na coluna antiga. Mas não se preocupe esta linha não for exatamente igual pois à parte HTML2 depende de quantas coisas você tem no blog, o importante é copiar uma linha para a nova coluna senão criaremos uma coluna vazia e ficará difícil visualizar.
Portanto esse trecho ficará assim:
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='novabarra' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Arquivo' type='BlogArchive'/>
</b:section>
</div>
Depois de feito tudo isto é só salvar e pronto já conseguimos adicionar uma nova coluna ao blog. Se você agora remova a linha background-color: #cccccc; para tirar o fundo cinza da nova coluna pois como falei no inicio ela só servia para ficar mais fácil a visualização. As outras alterações como colocar mais coisas na nova coluna pode ser feito pela página modelo adicionando elementos de pagina do mesmo modo que da outra coluna que já existia no blog. Se ainda tiver alguma duvida veja nosso outro tutorial sobre colocar mais uma coluna no blog.
Veja também:
Como Ajustar a largura e espaços entre as colunas
Colocar fundo degrade no blog
Como conseguir mais visitas
Na explicação usarei varias vezes {..........} isso quer dizer que tem alguns códigos que não teria utilidade colocar aqui pois isso muda para cada modelo de blog, mas o procedimento para alterar qualquer um deles é o mesmo, clique e veja um exemplo de sidebar na pagina editar html.
Depois que salvar uma cópia do modelo vamos colocar a terceira coluna no blog, na página editar html procure onde está #sidebar{.........} e logo abaixo coloque:
#newsidebar-wrapper {
background-color: #cccccc;
width: 170px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
A linha background-color:#cccccc; serve para colocar um fundo cinza na nova coluna, isso é somente para ficar mais fácil visualizar e acertar a largura dela, depois apague essa linha e a cor cinza desaparece. Quando falei acertar a largura estou me referindo a largura de cada coluna(essa que estamos criando e a que já existia), a largura das postagens também a largura total do blog. Para acertar isso olhe os seguintes códigos, o primeiro (760px) é a largura total do blog, 400px(largura das postagens) e 150px(largura da coluna que já existia no blog):
#content-wrapper {
width: 760px;
#main-wrapper {
width: 400px;
#sidebar-wrapper {
width: 150px;
Você precisa ajustar os valores para que a soma das duas colunas(sidebar-wrapper, e a que estamos fazendo agora) e da postagem(main-wrapper) seja menor que a largura total do blog(content-wrapper). Não deixe uma conta exata pois existem padding e margin que são espaços vazios nas margens e não estão incluídos nos valores. Portanto se quando visualizar seu blog as 2 colunas e a postagem não ficarem uma do lado da outra diminua um pouco o valor das colunas e postagem ou aumente a largura do blog. Mas antes de visualizar o blog precisamos colocar a segunda parte do código.
Agora procure por:
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Arquivo' type='BlogArchive'/>
</b:section>
</div>
Então copie a segunda parte<div id='sidebar-wrapper'> fazendo as alterações para a nova coluna
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='novabarra' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
</div>
Note que alterei as partes em negrito(newsidebar e novabarra). Depois de fazer essas mudanças coloque isso antes do techo acima. Outra coisa indispensável para isso funcionar é colocar alguma coisa que já existia no seu blog nesta nova coluna, foi o que fiz com a linha <b:widget id="HTML2" locked="false" title=""
type="HTML">, mas lembre-se de apagar essa linha na coluna antiga. Mas não se preocupe esta linha não for exatamente igual pois à parte HTML2 depende de quantas coisas você tem no blog, o importante é copiar uma linha para a nova coluna senão criaremos uma coluna vazia e ficará difícil visualizar.
Portanto esse trecho ficará assim:
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='novabarra' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Arquivo' type='BlogArchive'/>
</b:section>
</div>
Depois de feito tudo isto é só salvar e pronto já conseguimos adicionar uma nova coluna ao blog. Se você agora remova a linha background-color: #cccccc; para tirar o fundo cinza da nova coluna pois como falei no inicio ela só servia para ficar mais fácil a visualização. As outras alterações como colocar mais coisas na nova coluna pode ser feito pela página modelo adicionando elementos de pagina do mesmo modo que da outra coluna que já existia no blog. Se ainda tiver alguma duvida veja nosso outro tutorial sobre colocar mais uma coluna no blog.
Veja também:
Como Ajustar a largura e espaços entre as colunas
Colocar fundo degrade no blog
Como conseguir mais visitas
Marcadores: Template
Url do Blog
Qual o endereço do seu blog? Isso é uma pergunta boba? Pode parecer mentira, mas muita gente erra ao responder isso!
No caso do Blogspot o endereço do seu blog não tem www, portanto o correto é http://seublog.blogspot.com e não http://www.seublog.blogspot.com.
Mas se você é uma das pessoas que usa o endereço errado do blog, não fique desesperado por isto, pois ambos funcionam do mesmo jeito e vão entrar na sua pagina. Estou publicando isso apenas para que algumas pessoas corrijam esse detalhe que na maioria das vezes passa desapercebido mas deve ser evitado.
No caso do Blogspot o endereço do seu blog não tem www, portanto o correto é http://seublog.blogspot.com e não http://www.seublog.blogspot.com.
Mas se você é uma das pessoas que usa o endereço errado do blog, não fique desesperado por isto, pois ambos funcionam do mesmo jeito e vão entrar na sua pagina. Estou publicando isso apenas para que algumas pessoas corrijam esse detalhe que na maioria das vezes passa desapercebido mas deve ser evitado.
Marcadores: Iniciantes
Como Colocar Música no Blog
Veja como colocar música no blog é mais fácil do que parece. Isso é verdade pois nunca tinha me interessado por isso, mas revolvi pesquisar para escrever essa dica e para minha surpresa em menos de 10 minutos eu estava ouvindo música no meu blog. Fizemos um teste usando o Goear, você só precisa pesquisar pela música que deseja, quando você clica no nome da música aparece uma tela que você ouve a música e fornece o código para colocar no seu site, mas não é a url, é o código que está na frente do embed. Mas se quiser colocar gravar sua própria voz e colocar no seu blog veja esse tutorial: Fazer Podcast - Colocar MP3 no Blog.
Leia sobre outras formas de colocar musicas no seu blog:
Colocar Varias Musicas no Blog - Como Criar Playlist
Criar Widget de Musica - Colocar Musicas no Site ou Blog
Como Colocar Música no Tumblr ou Blogger
Agora voltando ao tema musica no seu blog, o site Goear ainda fornece a opção de você fazer um cadastro e colocar a música que quiser, caso você não encontre a música desejada. Caso não deste site, aqui tem outros sites de hospedagem:
Infelizmente os sites sugeridos neste post não existem mais, por isso removemos os links e em breve faremos um novo tutorial com dicas de onde postar musicas.
Enfim o modo de colocar música é simples e basicamente o mesmo de colocar qualquer outra coisa, procure um site que tenha o que deseja e procure pelo código para colocar no seu blog.
Esses códigos devem ser colocados pela pagina editar layout >>> adicionar um gadget >>> html/javascript, então é só colar o código (isto no Blogspot), para outros blogs procure onde você edita o html ou modelo, enfim onde você pode colocar o código da música.
Veja também: Qual o melhor site de Música para colocar no Blog
Colocar Rádio no blog
Video Aula: Colocar musica no blog
Leia sobre outras formas de colocar musicas no seu blog:
Colocar Varias Musicas no Blog - Como Criar Playlist
Criar Widget de Musica - Colocar Musicas no Site ou Blog
Como Colocar Música no Tumblr ou Blogger
Agora voltando ao tema musica no seu blog, o site Goear ainda fornece a opção de você fazer um cadastro e colocar a música que quiser, caso você não encontre a música desejada. Caso não deste site, aqui tem outros sites de hospedagem:
Infelizmente os sites sugeridos neste post não existem mais, por isso removemos os links e em breve faremos um novo tutorial com dicas de onde postar musicas.
Enfim o modo de colocar música é simples e basicamente o mesmo de colocar qualquer outra coisa, procure um site que tenha o que deseja e procure pelo código para colocar no seu blog.
Esses códigos devem ser colocados pela pagina editar layout >>> adicionar um gadget >>> html/javascript, então é só colar o código (isto no Blogspot), para outros blogs procure onde você edita o html ou modelo, enfim onde você pode colocar o código da música.
Veja também: Qual o melhor site de Música para colocar no Blog
Colocar Rádio no blog
Video Aula: Colocar musica no blog
Marcadores: Acessórios, Conteúdo, Dicas para Sites, Música, YouTube