Aprenda a ser um designer de templates para seu blog

Imagine que você tem o poder de, com apenas alguns cliques, mudar o template do seu blog sem destruir nadinha. Imagine agora que, além de modificar seu blog conforme seu gosto, ainda por cima ele será único! Ninguém terá um igual. E sem destruir nadinha. Imagine ainda que você consegue mudar fontes, cores, inserir imagem de fundo e decidir se seu blog terá 1, 2, 3 ou quantas colunas você quiser. E sem destruir nada do que já existe. E tudo com apenas alguns cliques de mouse.

Imaginou?

Seria perfeito mas não existe?

Gostaria que fosse verdade e não apenas delírio da Elaine?

Quer fazer mas tem paúra de html, css e afins?

Seus problemas siacabaram!

Agora o Blogger está com um recurso maravilhoso! Já vi alguns tutoriais por aí falando do assunto mas queria falar para você de um jeito bem simples e fácil de entender.

Vamos à dica?

Antes de mais nada é preciso que você saiba que por enquanto o recurso está disponível apenas no Blogger in draft, que é a página de testes do próprio Blogger. Mas não tenha medo pois dá para fazer sem susto.

Passo-a-passo:

1- Acesse seu painel do blog. Agora role a página até encontrar este trecho:

Clique sobre Blogger em rascunho. Feito isso espere a página recarregar e então clique na aba Layout. Logo no começo você verá algo parecido com isso: A novidade está no último item: Designer de modelo. Clique sobre ele. Vai, confia em mim, pode clicar. Vai aparecer uma página assim:

No alto da página, onde está escrito Aplicar ao blog não clique até ter certeza que deseja manter as modificações que fizer. 

Na coluna à esquerda estão as opções: modelo, plano de fundo, layout e avançado. Vá mexendo até se familiarizar com as novidades. São muitos modelos, inúmeros planos de fundo e na opção layout é possível definir quantas colunas terá o corpo do seu blog. E ainda dá para visualizar tudo conforme for fazendo na hora! E na mesma página! Uma delícia e bem facinho mesmo! E caso você queira manter seu template atual mas dar uma turbinada nas fontes e nas cores é só ir direto na opção Avançado. Depois de fazer todas as modificações e se certificar que deseja mantê-las, clique em Aplicar ao blog.

Gostou? Faz aí e me diz se não é divertido ser um designer cheio de loosho…

 

E para não perder o costume,  uma novidade para deixar seu blog ou suas postagens um charme só:

Um texto que anda!
     

E anda em várias direções! E em várias velocidades!

      

Olha o código:

<marquee id="scroller" SCROLLAMOUNT="100" SCROLLDELAY="100" direction="down" width="200" height="200" style="border:1px solid #cccccc;font-family:tahoma,arial;font-size:9pt;color:#000000;">
seu texto aqui
</marquee>
<br>
<a href="javascript:void(0)" onMouseOver="javascript:scroller.start()"></a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="javascript:void(0)" onMouseOver="javascript:scroller.stop()"></a>

Entendendo o código:

Para rolar o texto para cima troque down por up. Em vermelho é onde você insere o texto que quer rolar. Para aumentar ou diminuir a altura e alargura da caixa troque os valores de width e height. Para aumentar o tamanho da fonte altere font-size. Para mudar a cor da borda da caixinha altere os valores de color. Veja mais códigos de cores aqui. Para modificar a velocidade altere o valor de Scrollamount.

Não altere nada fora o que está em cores senão o código não funciona. Para colocar em uma postagem coloque seu editor de texto em modo html. Para inserir na sidebar cole o código em Layout - Html/javascript.

Atenção!

E se você deixar um comentário em qualquer post desta semana corre o risco de ganhar um livro!

Participe!