Colocar Mais 1 Coluna No Blog

Para colocar mais uma colunas no blog, ou seja, fazer um blog com 3 colunas é um pouco complicado então antes de iniciar recomendamos salvar uma cópia do seu modelo como está antes das alterações. Para fazer isso entre na pagina editar html e clique no link baixar modelo completo, abrirá uma janela de download para você salvar seu modelo, veja aqui mais sobre backup do blog.

Usamos como exemplo o modelo Mínima, então na pagina editar html procure por: #header-wrapper, #outer-wrapper e #footer nestas três partes você encontraráwidth:660px; troque esse valor por 980px. Agora no trecho depois de #sidebar{........} coloque isso:

#newsidebar-wrapper {
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 */
}

Repare se no trecho já existente #sidebar a parte float:....; está com a palavra right, se não tiver altere pois dependendo disso as duas colunas podem ficar do mesmo lado do blog.

Até aqui colocar os estilos CSS que define a largura da nova coluna e aumentamos a largura total do blog. A seguir vamos colocar a coluna propriamente dita, localize:
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>

Logo depois dessa linha você verá os códigos dos gadgets que tem no seu blog, elas são mais ou menos assim:

<b:widget id='HTML2' locked='false' title='' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'/>

Copie qualquer uma delas e coloque no código abaixo da mesma maneira que fizemos:
<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='novabarra' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
</div>
Agora coloque isso antes de:
<div id='main-wrapper'>
<b:section class='main'.....

Isso está poucas linhas acima de onde copiou o código. Preste atenção num detalhe muito importante, por exemplo, se copiou a linha para colocar no código da nova coluna deve apagar de onde estava ou seja na verdade vamos mudá-lo de lugar e não deixar 2 iguais, se deixar os dois na hora de salvar não vai conseguir pois o blog mostrará conteúdo duplicado.


Agora é só visualizar o blog e se estiver tudo certo clique em salvar. Depois disso é só ir a pagina layout e arrastar os gadgets para a coluna que desejar e assim acabar de organizar o blog do jeito que gostar mais. Caso uma das colunas apareça no final do blog em vez de uma ao lado da outra tente diminuir um pouco a largura da coluna (170px) ou aumentar a largura total do blog (980px).

Como colocar rádio no Blogger

Serve ao Internet Explorer e ao Mozilla Firefox


Va em "LAYOUT" depois em "Adicionar Gadget", agora vá em "HTML/JAVASCRIPT" e Cole o seguinte Código :

<center>
<object id="MediaPlayer" classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" width="401" height="376" name="MediaPlayer">
<param value="ENDEREÇO DA RÁDIO OU TV " name="URL"/>
<param value="1" name="rate"/>
<param value="0" name="balance"/>
<param value="1" name="playCount"/>
<param value="-1" name="autoStart"/>
<param value="0" name="currentMarker"/>
<param value="-1" name="invokeURLs"/>
<param value="50" name="volume"/>
<param value="7964" name="_cx"/>
<param value="7303" name="_cy"/>
<embed showstatusbar="1" style="margin-bottom: -6.5px;" stretchtofit="1" width="401" src="ENDEREÇO DA RADIO OU TV" height="376">
</embed></object>
<script for="MediaPlayer" event="Error( )" language="JScript">
window.navigate(window.location.href);
</script><center></center></center>

Onde está de VERDE coloque o endereço da Rádio Desejada.

Como Mostrar um Código HTML Nas Postagens do Blogger

Essa dica vai para pessoas que assim como eu, tem um blog que dá varias dicas, e encontra um problema na hora de postar códigos HTML para seus leitores copiarem, pois se você apenas copia e coloca o código, o Blogger acaba por interpretar esse código. Mas felizmente a solução é simples, veja só:

Conheço duas formas de publicar os códigos HTML nas postagens do Blogger, a primeira é postando através do Blogger Draft, que é o local onde a equipe do Blogger faz testes de novos recursos. O esquema para postar no Blogger Draft é o mesmo do Blogger convencinal, mas você verá perceberá algumas pequenas diferenças.

Clique em "Opções de postagem" e habilite a opção "Mostrar HTML literalmente". Feito isso, coloque o código HTML na aba "Escrever", assim seu código será mostrado literalmente quando você publicar a postagem.

A segunda maneira de publicar códigos HTML é utilizando o serviço do site Blogrowds, basta colar o código que você quer publicar no campo indicado e clicar no botão "Parse" para que o site converta seu código para ser visualizado literalmente no Blogger, depois de convertido é só copiar e colar em sua postagem.

Entendendo como funciona os códigos HTML na postagem do Blogger

Quando você coloca o código normal, como esse:<tag> , o Blogger identifica como um comando, e acaba executando a função da tag. Mas quando você utiliza a função "Mostrar HTML literalmente" do Blogger Draft, ou utiliza o serviço do site Blogrowds, essas duas chaves: < > são convertidas para esses códigos: < >, assim o Blogger não interpreta o código.

Titulo do blog em movimento

Já viu em alguns sites e blogs que o nome do site na barra do navegador e na aba fica em movimento como um letreiro? Pois é, descobri o script que faz isso e é super simples de usar. Você poderá testar em seu blog e ver se fica interessante. Acho que é legal pois chama a atenção e diferencia. Nada muito estático.

Veja que nem vai tomar muito do seu tempo. Como vamos mexer no código-fonte do blog, é importante fazer um backup do modelo para não perder nada e ser fácil de recuperar modificações desastradas.

1. Abra “Layout” e clique em “Editar HTML”. Nem precisa clicar em “Expandir modelo de widget”.

2. Ache a linha “<head>”.

3. Abaixo dela cole o seguinte script somente modificando o que está em vermelho:

<script language='JavaScript'>
var txt=" Título do Blog ";
var espera=90;
var refresco=null;
function rotulo_title() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);}
rotulo_title();
</script>

O número em azul determina a velocidade que passará as letras do texto... faça testes para ver a melhor forma. é importante também verificar se seu blog e as mudanças e aplicações dele funcionam bem nos principais navegadores de internet (nem todo mundo usa o Internet Explorer ou adora o FireFox).

Não escreva algo longo para não atrapalhar o entendimento do texto ou do título. O mais importante é dar destaque ao nome do seu blog e não pode confundir o visitante.

Como remover a navbar do Blogger

Sei que existem muitos blogueiros que são usuários do Blogger e sei que muitos não suportam aquela barrinha que fica no topo das páginas.

Não se desespere, você pode tirar a barra e não é nem um pouco difícil. Veja abaixo:

1. Entre na sua conta do Blogger;
2. Clique em “Layout”;
3. Clique em “Editar HTML”;
4. Agora pressione “ctrl+f” e busque este comando (sem aspas): “]]>” ;
5. Agora que você encontrou, insira uma linha de comando antes dele, a linha é esta (sem aspas): “#navbar-iframe { height: 0px; visibility: hidden; display: none; }”;
6. 
7. Para confirmar que ficou tudo certo, a linha completa deve ficar assim (sem aspas): “#navbar-iframe { height: 0px; visibility: hidden; display: none; }]]>”;
8. Salve e pronto, sua navbar sumiu. Bem simples não é?