Ferramentas Para Blogger - Dicas Para Blogspot

Redirecionando Blogs

2010-05-18T09:44:00.001-07:00

Essa e uma ferramenta bem objetiva e simples de instalar, com um código pequeno. Não vai dar trabalho e vai tomar menos de 1 minuto pra fazer.

* Abra o editor do antigo blog q será redirecionado. Vá em “Layout” e depois “Elementos de página”.
* Agora crie um novo gadget do tipo “HTML/JavaScript” e lá cole o código que vem aqui com a devida alteração:

<script language="javascript" type="text/javascript">
location.replace("URL do BLOG")
</script>

* Salve e abra o seu antigo endereço para ver se funcionou.

Recomenda-se tirar todas as postagens do antigo blog e os elementos q lá estavam, deixando ele bem simples, pois isso agiliza o redirecionamento.

Colocar Imagem no Titulo do Post

2010-05-18T09:43:00.000-07:00

Se você quiser dar um melhor estilo aos titulos de suas postagem e acrescentar uma imagem ao titulo, você terá que fazer alteração no HTML do seu blog e para isso,vá em 'Layout' >> 'Editar HTML'.
Procure no corpo do HTML do seu blog, o código de comando do Título do Post, que geralmente é .post h3 ou .post-title.
(Você pode utilizar ctrl+f para encontrar o código)

.post h3 {
background:transparent url("URL da IMAGEM") no-repeat left top;
margin:.25em 0 0;
padding:10px 0 8px 50px;
font-size:140%;
line-height:1.4em;
color:$titlecolor;
}

A Linha 'Background' determina o fundo do título do post, é lá que você coloca a imagem que você quer , conforme está configurado no código acima.
No exemplo acima a imagem não não repete e se apresenta no topo à esquerda.

A linha 'Padding' determina as margens internas do título do post. Você deve configura-la para que o título não fique em cima da imagem.

Os outros comandos da linha significam:

no-repeat → a imagem não deve repetir;
left → imagem alinhada à esquerda;
top → imagem alinhada no topo.

No exemplo acima as medidas são:
padding:10px(margem superior) 0(margen direita) 8px(margem inferior) 50px(margem esquerda);
Mas você pode alterá=las de acordo com a configuração de seu template.

Paginação Numerada

2010-05-18T09:42:00.000-07:00

Editar HTML e procure por ]]></b:skin> Antes dela adicione:

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #919106;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #aeae0a;
background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #919106;
background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp2.jpg) 0 0 repeat-x;
text-decoration: none;
}

E Salva!

Depois

Vai em editar html e procure por </body> Antes dele coloque:


<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='';
var downPageWord ='';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>


Inportante alterar o valor var pageCount=5; com o numero de postagens que vc tenha na home para fica ajusta sem erros.

Mais Formatos de Numeração Aqui

Removendo a mensagem “Mostrando postagens com marcador…” do seu Blog

2010-05-18T09:39:00.000-07:00

Encontre o seguinte código (utilizando o Ctrl+F do seu navegador):

]]></b:skin>

Então cole o seguinte código ANTES:

.status-msg-wrap{display:none;}

Deixe seu blog perfeito

2010-05-18T09:37:00.001-07:00

Não deixe seu blog demorar muito tempo para abrir, pois quem tem conexão discada pode desistir de esperar. Para isso existem itens que carregam o blog:
- Scripts - Colocar um excesso de scripts incha o blog. Se você não sabe, scripts são: efeitos no mouse, texto na barra de status, cursores, mensagem que abre...
- Imagens - No template não deixe com imagens grandes e também não encha com milhões de mini-imagens. Coloque no Maximo umas 20 pequenas. As imagens NUNCa devem ser em formato .bmp, pois são mais de 10 vezes maiores que o .jpg com a mesma qualidade.
- Nas configurações de seu blog, não deixe que ultrapasse o limite de 7 posts publicados pois quanto mais posts no seu blog, mais tempo para carregar.

Templates
Procure um template legal, recomendo não usar os templates padrões dos servidores de blogs pois são muito comuns.
Se for escolher um template ou fazer um, veja se ele possui comentários, arquivos, lugar para você colocar seu perfil (com seus dados)
- O template também não deve chamar mais atenção que seus posts, pois afinal você quer um blog, ou a exibição do template?
- A fonte dos posts não devem ser muito grande para não poluir todo o visual. Também recomendo não colocar todo o post em negrito (apenas as partes que quiser), idem para itálico.
- O template não deve ter muitas cores chamativas, desde que sejam apenas nos detalhes.
- Muitas pessoas recomendam não utilizar o fundo preto, não acho problema neste ponto, porém tenha atenção com as imagens que vá incluir, pois quando elas tem um grande fundo branco o contraste fica tão grande que não fica bom.
- Barras de Rolagem (Scroll) - Devem ser coloridas, já viu coisa mais linda do que estas setinhas configuradas de acordo com o template?

Posts
- Escrever antes o post no bloco de notas para que você possa corrigir com paciência e antes da página expirar.
- Não escreva confuso, pois o visitante pode as vezes não compreender o que você queria. Organize suas idéias. Porque não separa por assuntos, horas ou acontecimentos?
- Nunca escreva todo o post com letras MAIÚSCULAS ou AlTeRnAdAs. Uma parece estar gritando e a outra é difícil de se ler respectivamente.
- Tente escrever mais de 2 linhas para que seu blog não seja feito apenas de imagens, tenha criatividade.
- Poste apenas o que tem a ver com o que você sente, não coloque qualquer coisa para agradar aos visitantes. O blog é seu, portanto quem não gostar que feche.

Perfil
- Escreva sobre você
- Coloque dados como seu nome, cidade, icq, e-mail
- Acrescente um contador, para ver como estão as visitas a seu blog
- Inclua imagens que você acha que combina com você e com seu blog
- Linke suas Home Pages preferidas (É uma forma de agradecer a elas)
- Linke Blogs Amigos (Seus amigos vão adorar ver que você os linkou!)

Geral
- Dê preferências a coisas originais. O ideal é que o seu blog tenha um conteúdo totalmente criado por você, como imagens, posts, mensagens. Sei que fazer tudo é impossível, então, coloque o que você sente ou gosta. Copie a musica que combina com o que esta sentindo, uma imagem que recebeu de um amigo, uma foto engraçada que você nem agüentou de tanto rir, uma home page que você adorou ter descoberto.... Portanto, foque tudo em você! Blog é isso: Personalidade!

Visite outros Blogs
- Visitando outros blogs, você também aprende como melhorar o seu. Aproveite e deixe um comentário, pois assim, você tem uma grande chance de aumentar as visitas aos seu!

Mostrar quantas postagens e comentários tem seu blog

2009-10-24T20:51:00.000-07:00

Mostre a seus visitantes quantas postagens você já publicou em seu blog e oo número de comentários. Copie o código abaixo e ole no HTML/Javascript em seu Blogger. Coloque o nome de seu blog e salve.

Este blog tem: <script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="http://NOME DO SEU BLOG.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> postagens e
<script src="http://NOME DO SEU BLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script>comentários

Botões de avaliação das postagens

2009-10-24T20:37:00.000-07:00

Agora no Blogger poderemos colocar botões para avaliação abaixo de cada postagem. Mas este recurso só está disponível no Blogger Draft.Para obter este recurso clique AQUI e entre no Blogger Draft.

Clique em "Layout"

Agora clique em "Editar" em POSTAGENS NO BLOG

Agora ao abrir essa janela você verá "Reações", selecione a caixinha.

Salve !

Agora vá até o HTML do seu blog, clique em "Expandir modelos de widget" e procure pelo código:

<div class='post-footer-line post-footer-line-3'/>

Cole então depois dele o seguinte código:

<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' width='100%'><tr>
<td valign='center'><span class='reactions-label'>
<data:top.reactionsLabel/></span>
</td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

Bloqueando Ctrl+U

2009-10-24T20:26:00.001-07:00

Neste tópico estou trazendo uma maneira simples e fácil de se bloquear o botão direito em sites apenas utilizando HTML.

- Bloqueando Botão Direito

Substitua a tag <body> do seu site por essa abaixo:

Citação:

Claro que existe uma maneira de burlar essa técnica, mas não vou citar neste tópico.

- Bloqueando Teclado para que o usuário não use o famoso CTRL + U

Substitua a tag <body> do seu site por essa abaixo:

Citação:

Espero ter ajudado.

Como criar um script para criar um popunder em todos os links da home de sites.

2009-07-25T19:50:00.001-07:00

Primeiro pegue esse codigo clik aqui para ver o codigo

depois é so troca o link aonde esta http://www.startgamesonline.com e por o seu

e salva com o nome popunder.js

Depois voce tera que hospedar!!!existi alguns sites para hospeda graituitos que não me recordo agora,soh pesquisa na net que vc encontra.

depois de ter hospedado vc pega o link da hospedagem e coloque aqui:

<script src='COLOQUE O LINK QUE VC HOSPEDOU AQUI'></script>

é so pega o script acima e ir ate seu layout e add e salva

LEMBRANDO QUE ESSE JS É PARA ABRIR A CADA CLIQUE UNICO DE CADA USUARIO!!!
SE VC DESEJA QUE SEU JS ABRE TODA HORA EM TODOS OS CLIQUES É SO FAZER O MSM PROCESSO COM ESSE LINK
AI É A MSM COISA SO TROCAR OS 2 ENDEREÇOS PELO O SEU.
Pedido Por caio.

Classificação de estrelas nos posts do seu blog

2009-07-17T19:24:00.000-07:00

Estava navegando pela net quando encontrei este widget muito legal, ate já coloquei no blogtools,ele permite aos visitantes dar uma nota de 1 a 5 para os posts do blog, Basta um clique para que o usuário possa manifestar a sua opinião sobre a postagem,esta ferramenta funciona no blogger antigo, no novo blogger e também no wordpress.

Para cadastrar-se clique aqui

1° Preencha os campos:

username:seu nome se usuário
Password:sua senha
repeat password:Repita a senha
email:digite um e-mail válido
Enter numbers:Coloque os números que aparecem na imagem

clique em register

2°Em seguida escolha uma imagem para o seu avatar.
Para quem usa o novo blogger como nós copie o código da janela new blogger.
Va até editar HTML e marque a caixa expandir modelos de Widget
Localize a frase div class='post-footer (use ctrl+f para fica mais fácil)cole o código logo abaixo da frase e clique em salvar.

Para que o widget fique no início da postagem cole o código abaixo desta frase
div class='post-body

Saiba o número de visitas de qualquer site

2009-07-17T08:08:00.000-07:00

Saiba o numero de visitantes de qualquer site, de graça!

Quer saber a média de visitas diárias que aquele blog ou site do mesmo segmento que o seu (a.k.a. Concorrente) deve ter? Com o Statbrain.com você pode e o melhor, sem gastar nada!

O serviço, que é gratuito e dispensa cadastro, calcula a média de visitantes diários de qualquer site levando em conta esteatíticas matemáticas combinadas com informações públicas de serviços como Alexa Rank, Google e Yahoo!

Segundo o Statbrain.com o UsuárioCompulsivo tem uma média de 2,144 visitas diárias. Um número impressionantemente preciso, tratando-se de um serviço que não tem acesso aos nossos dados estatísticos reais.

Blog Spams

2009-07-10T11:51:00.000-07:00

um amigo meu acaba de ler isso no painel do blogger dele:
Este blog foi bloqueado devido à possíveis violações dos Termos de Serviço do Blogger. Não será possível publicar novas postagens até que o blog seja analisado e desbloqueado.

Este blog será excluído em 20 dias caso você não solicite uma análise.

++++

Será que passaram os 20 dias?

++++

Update!

Quando cliquei novamente em Solicitar análise de desbloqueio abriu uma janela com mensagem:

Seu blog está marcado como spam

Os robôs de prevenção contra spam do Blogger detectaram que seu blog possui características de um blog de spams. (O que é um blog de spams?) Uma vez que você está lendo esta seção, seu blog provavelmente não é um blog de spams. A detecção automática de spams é inerentemente confusa. Pedimos desculpas por este falso sinal positivo.

Recebemos sua solicitação de desbloqueio em 27 de Janeiro de 2009. Em nome dos robôs, desculpamo-nos por bloquear seu blog, que não é de spams. Aguarde enquanto analisamos seu blog e verificamos se ele não é um blog de spams.

Saiba mais sobre como o Blogger está lutando contra os blogs de spams.

+++

É a vida...

PS: Ô povo pra responder rápido!
PS2: O mais interessante é que ele diz que o blog não é de spams e pede para que eu aguarde enquanto analisam meu blog e verificam se não é de spams. Pelo menos estou postando normalmente. Estava procurando um mote para um post de retorno e ele veio!

Olá!

Alguém denunciou o Blog! O Google que tem sede no Brasil somente analisa blog quando se é denunciado.

Spans são aquelas coisas que você recebe no seu e-mail, orkut, etc.. sem querer. São links que são enviados as caixas de e-mails das pessoas sem que elas solicitem!
Se vc habilitou a opção notificar membros sobre as postagens no blog? pode ser que um próprio membro tenha denuciado, agora o correto é vc ir em configurações, e desabilitar a opção notificar sobre novas postagens!
Essas coisas assim!Isso pode ajudar!
Mas a medida q o google analisar seu blog e perceber que não se trata disso não irão deletar(espero)! mas por segurança salva suas postagens, e todo conteúdo do blog e tbm faça uma lista de seguidores do blog, assim vc poderá criar outro blog com outra conta caso esse seja deletado!
Boa Sorte!
Ferramentas para blogger

Menu muda de cor e link aumenta, on mouse(Super Pedido)

2009-05-28T10:09:00.000-07:00

Esse menu é fácil, muda de cor e a fonte aumenta ao passar o mouse, os dois efeitos são opcionais assim como pode ser adicionado outros efeitos, esse é feito usando css mas vou deixar um link para outro menu usando DHTML(tags JavaScript) nesse segundo menu não requer o uso de um script, apenas as tags onmouseover, e poucas outras, todas elas vão diretamente no link o que o torna muito simples,(Bom para usar em poucos locais) só que tem um porém esse segundo menu que está em outro post não tem seus efeitos de mudança de cor se o navegador do usuário não tiver JavaScript ativado.
Menu muda de cor com DHTML
Aumenta link ao passar o mouse(rato) a:hover {font-weight:bold;} no css.
Aumenta bastante o link ao passar o mouse a:hover {font-weight:bolder;} no css.

Menu muda de cor com css

O menu usa estilo css e div mais se quiser pode ser feito com table apesar de estar meio ultrapassado e se for observar poucos sites e blogs novos as utilizam.
Vou começar com o style css que deve ir entre as tags <head></head> ou arquivo.css externo:


<head>
<style type="text/css">

.lateral {border:1px solid #ccc;
position:relative;
width:270px;
text-decoration:none;}

a.menu {border:1px solid #ccc;
position:relative;
font: 12px Arial, Helvetica, sans-serif;
color:blue;
text-decoration:none;
display:block;
background-color:#CCFFFF;}

a.menu:hover {font-weight:bolder;
color:red;
background-color:#CCC;
text-decoration:none;
}
</style>
</head>

Agora a parte que vai no <body>corpo</body> do html, no caso do blogspot é mais aconselhável inserir em layout, add elemento, HTML/JavaScript(apesar de não usar JavaScript):

Link imagem blogger Link favoritos Passa o mouse muda imagem

Eu vou explicar algumas tags mais fáceis de mudar e que fazem modificações na apresentação do menu:
Uma explicação sobre o código css(não use esses):

DIV que "segura" os links do menu
.lateral { pode ser mudado as configurações da DIV onde fica os liks width:270px;(largura) deve ser maior que o tamanho do link}

configuração do link antes de passar o rato(mouse)
a.menu {
font: 12px Arial, Helvetica, sans-serif;(tamanho e tipo de fonte do link)
color:blue;(cor azul da fonte do link, poderia ser #0066CC)
text-decoration:none;(não permite que o link fique com um traço embaixo...)
display:block; (vai fazer o link se estender lateralmente até a largura total da div)
background-color:#CCFFFF;(cor de fundo do link)}

configuração do link ao passar o rato
a.menu:hover {
font-weight:bolder;(faz a fonte "aumentar" muito, negrito)
color:red;(cor vermelha da fonte do link)
background-color:#CCC;(cor cinza, fundo do link)}

Para a fonte aumentar(negrito) um pouco font-weight:bold;
font: 14px Arial, Helvetica, sans-serif; (poderia ser adicionado, para aumentar o link ao passar o mouse uma fonte maior) no css para a.menu:hover{ }

Se for usar no blogspot e mexer no HTML faça uma cópia dele antes se vc não está muito habituado, o próprio css de um blog ou site pode influenciar, mas dificilmente da grande diferença, faça testes o pior que pode acontecer é aprender com algum erro.
Se usar folha de estilo externa e existir estilização css no seu html(in line)essa terá prioridade. Para saber tudo de css visite o site do maujor.
Agora vou colocar o css no HTML, fazer o teste no blog e ver como funciona.

Agora sem usar a div lateral na volta dos links, e, sem o display:block;(no css) que tem a função de ocupar espaço lateral total. Se tiver espaço os links do menu ficarão lado a lado:

CSS aumentar Fazer menu Css Subir

<a class="menu" href="#">Link imagem blogger</a>
<a class="menu" href="#">Link favoritos</a>
<a class="menu" href="#">Menu dhtml</a>

Usando Domínio Próprio no Blogger - .com, .net. etc

2009-05-12T14:15:00.000-07:00

Nesse tutorial você irá saber como usar um domínio próprio no Blogger, ou seja, www.seublog.com, ao invez de .blogspot.com.

Usaremos o Locaweb para registar o domínio, pois o serviço é conhecido e eu uso sem problemas.

Sumário:

1º - Escolhendo um nome de domínio;
2º - Comprando o Domínio;
3º - Configurando o Domínio;
4º - Configurando o Blogger;
5º - Testando o novo Domínio.

1º - Escolhendo o nome de domínio

Caso seu blog ja tenha uma certa fama pelo nome, ou ja tenha algum tempo de vida, melhor continuar com o nome atual. Mas caso ele seja novo ainda, você deve escolher um nome fácil de memorizar, de preferência pequeno. Seria bom também se não tivesse acentuação no nome, Um nome Original seria ótimo, pois ao buscar pelo nome do blog, ele viria nas primeiras posições do buscador.

Obs.: Não é fácil escolher um nome.

2º - Comprando o Domínio

Para comprar o domínio visite o Site da Locaweb, na parte:

• REGISTRE JÁ O SEU DOMÍNIO NA LOCAWEB:

Passe o mouse sobre a opção que você deseja:

Nacional ou Internacional

Lembrando que nacional é R$ 30 e internacional é R$ 15.

Digite o nome de domínio que você escolheu, e depois clique em Procurar, caso o domínio não estiver disponível tente outros, quando achar um clique em “Registre Já“.

Se você ainda não for cliente locaweb, marque a 2ª Opção, e depois clique em adicionar.

PAGAMENTO COM CARTÃO DE CRÉDITO LIBERA O DOMÍNIO NA HORA, COM BOLETO É PRECISO ESPERAR CONFIRMAR O PAGAMENTO.

Faça o cadastro e finalize.

3º - Configurando o Domínio

Bom não lembro ao certo pra onde você vai quando você se cadastra e faz um registro junto, então volte a página inicial do Locaweb e faça o login.

Você entrará no painel da locaweb. Em serviços contratados você verá o domínio que você acabou de registrar, caso você tenha feito o pagamento via cartão de crédito, já estará liberado para configurar, caso não, você terá que esperar processar o pagamento do boleto.

Clique em um Papel com um Lápis, ao lado direito do domínio.

Na parte DOMÍNIOS, clique em um sinal de mais [+] ao lado esquerdo do domínio, depois em edição de DNS, e logo em seguida em Edição da Zona de DNS.

Agora insira um registro “CNAME” sendo que em “Entrada” você coloca www e em “conteúdo” você preenche com ghs.google.com, Salve.

4º - Configurando o Blogger

Agora vem a parte mais fácil.

Faça o login no painel do Blogger, e clique em Configurações do seu blog.

Clique na aba Publicação, e depois clique em Domínio Personalizado.

O Blogger irá te perguntar: “Já tem um domínio? Ir para configurações avançadas“, Faça o que ele manda.

Em Seu domínio preencha com o domínio que você registrou na locaweb, Ex.: www.nome.com. Depois Salve as Configurações

5º - Testando o novo Domínio

Talves não de resultados ainda, pois tem que esperar que a configuração se propague na internet. Então você deve esperar algum tempo, para entrar no ar.

É isso ai, qualquer dúvida ou correção, comente ai.

Personalizar o Widget dos Seguidores

2009-05-08T07:10:00.000-07:00

Não faz muito tempo que os Seguidores (Followers) está disponível no Blogger/blogspot .

Eu vi alguns tutoriais que ensinavam a personalizar o widget (remover ou alterar alguns links como Acompanhar, Pare de Acompanhar e etc.

O código abaixo, personaliza as imagens do widget. Veja:

.follower a img {

opacity:0.5;filter:

alpha(Opacity=50);

border:3px solid #ffffff;

display:block;

}

.follower a img:hover {

opacity:1.0;

filter:alpha(Opacity=100, FinishedOpacity=100);

border:3px solid #99cc00;

display:block;

}

Em que:

A parte em verde faz com que a imagem fique desbotada, e quando passar o mouse a sua cor volta ao normal. Eu recomendo que ela não seja modificada, se você preferir, apenas remova-a.

O trecho que está em vermelho, indica como será a borda da imagem normal. Onde, 3px indica a largura da borda, solid o tipo de borda, e #ffffff.

Esses valores podem ser modificados da seguinte maneira:

3px pode ser alterado para qualquer valor maior que 0px;

Solid pode ser alterado para:

none

hidden

dotted

dashed

solid

double

groove

ridge

inset

outset

#ffffff indica a cor da borda (no caso branca), para ver mais cores clique < a href="http://downloadmediacenter.googlepages.com/tabeladecores.htm" target="_blank">AQUI

A outra parte do código que está em azul, indica como vai ficar a borda da imagem quando passar o mouse sobre ela. As modificações dessa parte podem ser feitas do mesmo jeito que você modificou a parte em vermelho.

Depois de modificar o código: vá para Layout > Editar HTML, faça um backup do seu template (clique em baixar modelo completo).

Cole o código antes de ]]></b:skin> (CTRL + F para procurar).

Salve.

Esse foi o primeiro tutorial sobre como personalizar o widget dos seguidores.

O segundo eu já estou preparando.

E, por enquanto é só!

Valeu!

Como Instalar Estatisticas do Google Analytics no Blogger ou Qualquer Site

2009-04-22T20:47:00.000-07:00

Google Analytics é a ferramenta do Google para gerenciar o tráfego do seu site/blog. Depois de instalar você pode ver relatórios de quem acessou seu site, como chegou lá, qual página foi visualizada e muitos outros relatórios que ajudam a identificar pontos positivos e negativos.

Instalar o Google Analytics no seu site é fácil, vamos aos passos:

1) Crie uma conta no site Google Analytics, se você já tem um Gmail basta usar seu login e senha.

2) Na página de configuração do Analytics adicione um perfil de site. Basta entrar o endereço (URL) do seu site. www.meusite.com. Deixe a opção “adicionar um perfil a um novo domínio”.

3) Quando você clicar em “continuar” o Analytics gera um código que deve ser inserido em uma página que é sempre visualizada no seu site, algo como o cabeçalho ou rodapé, onde qualquer página que um visitante chegue executará o código do Google. Para obter o código você deve clicar em “Verificar o site” na página principal do Analytics. O código começa com algo como:

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-77777-1"; urchinTracker(); </script>

o UA-77777-1 é o identificador da sua conta.

4) Vou dividir este item em categorias:

Blogger: Entre no seu Blogger e vá nas suas configuraçõs (Manage - “aba” - Layout). Dentro de “page elements” adicione um “page element” (add a page element).

Wordpress: Entre nas opções Presentation - Theme Editor. Encontre na esquerda o arquivo footer.php e edite ele (continue lendo).

Para qualquer blog ou página: No arquivo html, procure pelo texto: </body> e cole o código do analytics antes dele.

5) (somente blogger) Na janela que abre, clique “add to blog” na caixa “HTML/Javascript”.

6) (somente blogger) Cole o código que você pegou da página do Google Analytics dentro da caixa de texto. Deixe o título em branco.

Após algumas horas seus relatórios de tráfego estarão disponíveis no Google Analytics. Demora assim pela característica do serviço de não colocar as estatísticas em tempo real. Se você precisa de algo mais rápido utilize o Sitemeter.

Blogger Backup

2009-04-10T19:46:00.000-07:00

Blogger Backup é um utilitário para backup e restauração de todas as postagens de seu blog hospedado no Blogger.
Utilizando a biblioteca GData C#, o programa salva cada postagem, da mais recente à mais antiga, em arquivos com extensão XML.

Roda em Windows 98, NT, 2000, Millenium, XP

Disponível nos idiomas Inglês

Blogger Backup

Texto deslizando

2009-04-10T03:33:00.000-07:00

Coloque aqui seu texto! ! !

Texto rolante, texto deslizando, texto móvel, subindo, fazer uma faixa de texto... Existem dezenas de modos de descrever o texto que se move na pagina, mas o código para fazer isso é o marquee.
O texto acima foi feito com o seguinte código:

Agora vamos entender como isso funciona:

behavior="alternate" o texto fica indo e voltando.
behavior="scroll" é o modo normal, o texto entra por um lado e sai pelo outro
behavior="slide" o texto entra e para quando chega ao final da linha.

scrolldelay="2"
scrollamount="2"

direction="left" é a direção que o texto se desloca, pode ser left(esquerda), right(direita), up(para cima) down(para baixo)

width="400" isso é a largura que o texto percorerá. Pode ser qualquer valor e para que ocupe tudo o espaço disponivel simplesmente apague essa parte do código.
height="50" o mesmo que width, mas esse controla a largura.

onMouseOver=this.stop() onMouseOut=this.start() e finalmente esta parte do código que faz com que o texto pare de movimentar quando o mouse está sobre ele.

Blog com 3 Colunas

2009-04-10T03:30:00.001-07:00

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.

Bloquear teclado e botao direito

2009-04-10T03:23:00.000-07:00

Encontrei um novo código para bloquear o botão direito do mouse e o teclado, assim impedindo o uso do crtl+C (copiar), testei esse código no Internet Explorer e Firefox e funcionou perfeitamente em ambos. Porém se você colocar esse código no seu blog ele também impedirá que seus visitantes digitem qualquer coisa no seu blog. Então se você usa pesquisas, recados ou qualquer outra coisa que precise ser digitada diretamente no seu blog não use esse código porque impossibilitará o uso desses acessórios do seu site.
No blogspot adicione esse código pela pagina editar layout >> adicionar gadget >> html/javascript, não importa lugar do código na página. Veja o código abaixo:

<script language="JavaScript">
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false'; alert ('Todos os direitos reservados');
}
}
function keypresed() {
alert(' Teclado Desabilitado ');
}
document.onkeydown=keypresed;
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
</script>

As frases “Todos os direitos reservados” e “Teclado Desabilitado” podem ser substituídas por qualquer outra. Apenas preciso avisar que a frase “Todos os direitos reservados” não é exibida no Firefox embora o botão direito do mouse seja bloqueado.

Link para Página Layout

2009-04-10T03:15:00.000-07:00

Algumas pessoas disseram que a palavra layout sumiu do painel do blogspot e não conseguem editar mais seu modelo. Imagino que isso seja uma falha momentânea e logo voltará ao normal. Porém enquanto isso existe alguns meio de chegar até a página layout sem clicar nesse link do painel.

Depois que fizer login entre no seu blog e na barra do blogspot aparece a palavra personalizar, clicando nela vamos para a página layout. Outra maneira de chegar lá é copiando o numero do nosso blog da barra de endereço, ela aparece assim:

http://www.blogger.com/post-create.g?blogID=..............

No lugar dos pontinhos tem um monte de números isso é a identificação do seu blog. Então copie esses números e cole nesse aqui:

http://www.blogger.com/rearrange?blogID=.......

Isso também levará você até a página layout, ou ainda no painel clicando em configurações ou editar postagens aparece uma janela com varias guias e também podemos usar esse caminho.

Seja qual for a maneira utilizada depois que conseguir chegar onde quer pode adicionar a pagina layout aos favoritos do seu blog, então passará a entrar diretamente nela em vez do painel. Essa idéia a pagina nos favoritos também é útil para quem tem vários blogs pode adicionar a pagina de postagem de cada um deles nos favoritos e deste modo vai diretamente para a página de nova postagem do blog que deseja sem ter que passar por nenhuma outra antes.

Domínio Grátis

2009-04-10T03:13:00.000-07:00

Muitas pessoas que tem um blog ou um site não gostam do endereço do blog e até pensam em registrar um domínio, mas não querem gastar dinheiro com isso, embora os serviços pagos sejam melhores ou terão alguns recursos a mais, existem vários que fazem isso de graça.Então se gostou da idéia de ter um domínio sem gastar nada entre no site e faça seu cadastro: quando entrar no site em cima tem Chance Language e uma caixinha para selecionar então fica mais fácil mudar para português se não estiver assim.Mais ou menos no meio da tela, terá um lugar para escrever o domínio que pretende registrar, então digite o nome que quiser e clique verificar, não precisa colocar http://.

Se o que você escolheu estiver disponível e escrito gratuito em "continue to registration" ou continuar registro, às vezes aparece em português.

Irá aparecer uma pagina de loggin. Clique em “Create an account now” ou crie uma conta, você será direcionado para uma pagina de cadastro, preencha, obs: não se esqueça de marcar o quadradinho "I accept the Terms of Service".

Depois de preenchido clique em "create an account now" criar conta agora.
Na nova página que aparecer clique em "Set up" configurar.
Agora clique no "3. URL Forwarding". E preencha os dados do seu site:

Redirect To : http:// (www.seusite.blogspot.com)
Page Title : (O titulo da seu site )
Frame URL Hiding(Hide real address) já aparece nesta opção.
Meta Description: (Descrição do seu site)
Meta Keywords: (palavras chaves do seu site para sites de busca. ex: humor, piadas... etc)

Clique em "Set up", botão abaixo e pronto, agora você já tem mais um domínio e não gastou nada. Nem todas as partes são exatamente as mesmas palavras, pois fiz o cadastro com o site em português. O único cuidado é escolher um domínio que seja gratuito (free), pois às vezes aparecem alguns que já são registrados e você poderia comprar ou usar outros serviços no site.

Lista de Blogs

2009-04-10T03:11:00.000-07:00

Um gadget que achei interessante e oferece várias opções é o adicionar lista de blogs, ele permite você mostrar uma lista das últimas atualizações de outros blogs e tem várias opções do que mostrar desses blogs inclusive exibir uma miniatura das imagens publicadas destes outros blogs.

Entre na página layout, adicionar gadget, lista de blogs e aparecerá essa janela. O primeiro passo é adicionar o endereço dos blogs que vamos usar em nossa lista, clique em adicione um blog à sua lista, coloque o endereço de um blog na janela que abre e clique no botão adicionar. Repita esse procedimento até adicionar todos os blogs que deseja.

Agora veja na parte de cima dessa tela tem várias opções uma delas é Snippet do item mais recente isso são as primeiras linhas do texto da postagem. Os demais itens da lista são fáceis de identificar qual a função. Se quiser mude o titulo e a forma de classificar que pode ser ordem alfabética ou postagem mais recente, sugerimos deixar nesta segunda classificação por ordem de postagem.

Quando terminar clique no botão salvar e veja o resultado, e claro depois de visualizar pode fazer alterações até chegar ao estilo que mais goste e combine com seu blog.

Código das Cores

2009-04-10T03:09:00.000-07:00

Quando vamos mudar a cor de alguma coisa no blog ou site precisamos saber qual o código HTML da cor que vamos usar, porque o template é feito em CSS usando códigos para definir as cores de tudo menos as imagens é claro. Então aqui está uma lista com o código de muitas cores para você usar como quiser no seu blog.

Apesar do blogspot ter uma página de cores com algumas opções elas são limitadas então procure a cor que gostar na lista abaixo e copie o código para usar no blog, esses códigos serem para mudar a cor de tudo: fundo do blog, cores das letras, fundo das postagens ou sidebar, cores das bordas, enfim qualquer cor que veja num blog é definido através desses códigos. Então é só usar a lista de cores e deixar seu blog mais bonito e com cores diferentes. Essa lista foi adaptada apartir de uma página do site MXStudio.

Snow -#FFFAFA

GhostWhite#F8F8FF

WhiteSmoke #F5F5F5

Gainsboro #DCDCDC

FloralWhite #FFFAF0

OldLace #FDF5E6

Linen #FAF0E6

AntiqueWhite #FAEBD7

PapayaWhip #FFEFD5

BlanchedAlmond #FFEBCD

Bisque #FFE4C4

PeachPuff #FFDAB9

NavajoWhite #FFDEAD

Moccasin #FFE4B5

Cornsilk #FFF8DC

Ivory #FFFFF0

LemonChiffon #FFFACD

Seashell #FFF5EE

Honeydew #F0FFF0

MintCream #F5FFFA

Azure #F0FFFF

AliceBlue #F0F8FF

lavender #E6E6FA

LavenderBlush #FFF0F5

MistyRose #FFE4E1

White #FFFFFF

Black #000000

DarkSlateGray #2F4F4F

DimGrey #696969

SlateGrey #708090

LightSlateGray #778899

Grey #BEBEBE

LightGray #D3D3D3

MidnightBlue #191970

NavyBlue #000080

CornflowerBlue #6495ED

DarkSlateBlue #483D8B

SlateBlue #6A5ACD

MediumSlateBlue #7B68EE

LightSlateBlue #8470FF

MediumBlue #0000CD

RoyalBlue #4169E1

Blue #0000FF

DodgerBlue #1E90FF

DeepSkyBlue #00BFFF

SkyBlue #87CEEB

LightSkyBlue #87CEFA

SteelBlue #4682B4

LightSteelBlue #B0C4DE

LightBlue #ADD8E6

PowderBlue #B0E0E6

PaleTurquoise #AFEEEE

DarkTurquoise #00CED1

MediumTurquoise #48D1CC

Turquoise #40E0D0

Cyan #00FFFF

LightCyan #E0FFFF

CadetBlue #5F9EA0

MediumAquamarine #66CDAA

Aquamarine #7FFFD4

DarkGreen #006400

DarkOliveGreen #556B2F

DarkSeaGreen #8FBC8F

SeaGreen #2E8B57

MediumSeaGreen #3CB371

LightSeaGreen #20B2AA

PaleGreen #98FB98

SpringGreen #00FF7F

LawnGreen #7CFC00

Green #00FF00

Chartreuse #7FFF00

MedSpringGreen #00FA9A

GreenYellow #ADFF2F

LimeGreen #32CD32

YellowGreen #9ACD32

ForestGreen #228B22

OliveDrab #6B8E23

DarkKhaki #BDB76B

PaleGoldenrod #EEE8AA

LtGoldenrodYello #FAFAD2

LightYellow #FFFFE0

Yellow #FFFF00

Gold #FFD700

LightGoldenrod #EEDD82

goldenrod #DAA520

DarkGoldenrod #B8860B

RosyBrown #BC8F8F

IndianRed #CD5C5C

SaddleBrown #8B4513

Sienna #A0522D

Peru #CD853F

Burlywood #DEB887

Beige #F5F5DC

Wheat #F5DEB3

SandyBrown #F4A460

Tan #D2B48C

Chocolate #D2691E

Firebrick #B22222

Brown #A52A2A

DarkSalmon #E9967A

Salmon #FA8072

LightSalmon #FFA07A

Orange #FFA500

DarkOrange #FF8C00

Coral #FF7F50

LightCoral #F08080

Tomato #FF6347

OrangeRed #FF4500

Red #FF0000

HotPink #FF69B4

DeepPink #FF1493

Pink #FFC0CB

LightPink #FFB6C1

PaleVioletRed #DB7093

Maroon #B03060

MediumVioletRed #C71585

VioletRed #D02090

Magenta #FF00FF

Violet #EE82EE

Plum #DDA0DD

Orchid #DA70D6

MediumOrchid #BA55D3

DarkOrchid #9932CC

DarkViolet #9400D3

BlueViolet #8A2BE2

Purple #A020F0

MediumPurple #9370DB

Thistle #D8BFD8

Snow1 #FFFAFA

Snow2 #EEE9E9

Snow3 #CDC9C9

Snow4 #8B8989

Seashell1 #FFF5EE

Seashell2 #EEE5DE

Seashell3 #CDC5BF

Seashell4 #8B8682

AntiqueWhite1 #FFEFDB

AntiqueWhite2 #EEDFCC

AntiqueWhite3 #CDC0B0

AntiqueWhite4 #8B8378

Bisque1 #FFE4C4

Bisque2 #EED5B7

Bisque3 #CDB79E

Bisque4 #8B7D6B

PeachPuff1 #FFDAB9

PeachPuff2 #EECBAD

PeachPuff3 #CDAF95

PeachPuff4 #8B7765

NavajoWhite1 #FFDEAD

NavajoWhite2 #EECFA1

NavajoWhite3 #CDB38B

NavajoWhite4 #8B795E

LemonChiffon1 #FFFACD

LemonChiffon2 #EEE9BF

LemonChiffon3 #CDC9A5

LemonChiffon4 #8B8970

Cornsilk1 #FFF8DC

Cornsilk2 #EEE8CD

Cornsilk3 #CDC8B1

Cornsilk4 #8B8878

Ivory1 #FFFFF0

Ivory2 #EEEEE0

Ivory3 #CDCDC1

Ivory4 #8B8B83

Honeydew1 #F0FFF0

Honeydew2 #E0EEE0

Honeydew3 #C1CDC1

Honeydew4 #838B83

LavenderBlush1 #FFF0F5

LavenderBlush2 #EEE0E5

LavenderBlush3 #CDC1C5

LavenderBlush4 #8B8386

SlateGray4 #6C7B8B

LightSteelBlue1 #CAE1FF

LightSteelBlue2 #BCD2EE

LightSteelBlue3 #A2B5CD

LightSteelBlue4 #6E7B8B

LightBlue1 #BFEFFF

LightBlue2 #B2DFEE

LightBlue3 #9AC0CD

LightBlue4 #68838B

LightCyan1 #E0FFFF

LightCyan2 #D1EEEE

LightCyan3 #B4CDCD

LightCyan4 #7A8B8B

PaleTurquoise1 #BBFFFF

PaleTurquoise2 #AEEEEE

PaleTurquoise3 #96CDCD

PaleTurquoise4 #668B8B

CadetBlue1 #98F5FF

CadetBlue2 #8EE5EE

CadetBlue3 #7AC5CD

CadetBlue4 #53868B

Turquoise1 #00F5FF

Turquoise2 #00E5EE

Turquoise3 #00C5CD

Turquoise4 #00868B

Cyan1 #00FFFF

Cyan2 #00EEEE

Cyan3 #00CDCD

Cyan4 #008B8B

DarkSlateGray1 #97FFFF

DarkSlateGray2 #8DEEEE

DarkSlateGray3 #79CDCD

DarkSlateGray4 #528B8B

Aquamarine1 #7FFFD4

Aquamarine2 #76EEC6

Aquamarine3 #66CDAA

Aquamarine4 #458B74

DarkSeaGreen1 #C1FFC1

DarkSeaGreen2 #B4EEB4

DarkSeaGreen3 #9BCD9B

DarkSeaGreen4 #698B69

SeaGreen1 #54FF9F

SeaGreen2 #4EEE94

MistyRose1 #FFE4E1

MistyRose2 #EED5D2

MistyRose3 #CDB7B5

MistyRose4 #8B7D7B

Azure1 #F0FFFF

Azure2 #E0EEEE

Azure3 #C1CDCD

Azure4 #838B8B

SlateBlue1 #836FFF

SlateBlue2 #7A67EE

SlateBlue3 #6959CD

SlateBlue4 #473C8B

RoyalBlue1 #4876FF

RoyalBlue2 #436EEE

RoyalBlue3 #3A5FCD

RoyalBlue4 #27408B

Blue1 #0000FF

Blue2 #0000EE

Blue3 #0000CD

Blue4 #00008B

DodgerBlue1 #1E90FF

DodgerBlue2 #1C86EE

DodgerBlue3 #1874CD

DodgerBlue4 #104E8B

SteelBlue1 #63B8FF

SteelBlue2 #5CACEE

SteelBlue3 #4F94CD

SteelBlue4 #36648B

DeepSkyBlue1 #00BFFF

DeepSkyBlue2 #00B2EE

DeepSkyBlue3 #009ACD

DeepSkyBlue4 #00688B

SkyBlue1 #87CEFF

SkyBlue2 #7EC0EE

SkyBlue3 #6CA6CD

SkyBlue4 #4A708B

LightSkyBlue1 #B0E2FF

LightSkyBlue2 #A4D3EE

LightSkyBlue3 #8DB6CD

LightSkyBlue4 #607B8B

SlateGray1 #C6E2FF

SlateGray2 #B9D3EE

SlateGray3 #9FB6CD

Firebrick4 #8B1A1A

Brown1 #FF4040

Brown2 #EE3B3B

Brown3 #CD3333

Brown4 #8B2323

Salmon1 #FF8C69

Salmon2 #EE8262

Salmon3 #CD7054

Salmon4 #8B4C39

LightSalmon1 #FFA07A

LightSalmon2 #EE9572

LightSalmon3 #CD8162

LightSalmon4 #8B5742

Orange1 #FFA500

Orange2 #EE9A00

Orange3 #CD8500

Orange4 #8B5A00

DarkOrange1 #FF7F00

DarkOrange2 #EE7600

DarkOrange3 #CD6600

DarkOrange4 #8B4500

Coral1 #FF7256

Coral2 #EE6A50

Coral3 #CD5B45

Coral4 #8B3E2F

Tomato1 #FF6347

Tomato2 #EE5C42

Tomato3 #CD4F39

Tomato4 #8B3626

OrangeRed1 #FF4500

OrangeRed2 #EE4000

OrangeRed3 #CD3700

OrangeRed4 #8B2500

Red1 #FF0000

Red2 #EE0000

Red3 #CD0000

Red4 #8B0000

DeepPink1 #FF1493

DeepPink2 #EE1289

DeepPink3 #CD1076

DeepPink4 #8B0A50

HotPink1 #FF6EB4

HotPink2 #EE6AA7

Gold2 #EEC900

HotPink3 #CD6090

HotPink4 #8B3A62

Pink1 #FFB5C5

Pink2 #EEA9B8

Pink3 #CD919E

Pink4 #8B636C

LightPink1 #FFAEB9

LightPink2 #EEA2AD

LightPink3 #CD8C95

LightPink4 #8B5F65

PaleVioletRed1 #FF82AB

PaleVioletRed2 #EE799F

PaleVioletRed3 #CD6889

PaleVioletRed4 #8B475D

Maroon1 #FF34B3

Maroon2 #EE30A7

Maroon3 #CD2990

Maroon4 #8B1C62

VioletRed1 #FF3E96

VioletRed2 #EE3A8C

VioletRed3 #CD3278

VioletRed4 #8B2252

Magenta1 #FF00FF

Magenta2 #EE00EE

Magenta3 #CD00CD

Magenta4 #8B008B

Orchid1 #FF83FA

Orchid2 #EE7AE9

Orchid3 #CD69C9

Orchid4 #8B4789

Plum1 #FFBBFF

Plum2 #EEAEEE

Plum3 #CD96CD

Plum4 #8B668B

MediumOrchid1 #E066FF

MediumOrchid2 #D15FEE

MediumOrchid3 #B452CD

MediumOrchid4 #7A378B

DarkOrchid1 #BF3EFF

DarkOrchid2 #B23AEE

DarkOrchid3 #9A32CD

DarkOrchid4 #68228B

Purple1 #9B30FF

Purple2 #912CEE

SeaGreen3 #43CD80

SeaGreen4 #2E8B57

PaleGreen1 #9AFF9A

PaleGreen2 #90EE90

PaleGreen3 #7CCD7C

PaleGreen4 #548B54

SpringGreen1 #00FF7F

SpringGreen2 #00EE76

SpringGreen3 #00CD66

SpringGreen4 #008B45

Green1 #00FF00

Green2 #00EE00

Green3 #00CD00

Green4 #008B00

Chartreuse1 #7FFF00

Chartreuse2 #76EE00

Chartreuse3 #66CD00

Chartreuse4 #458B00

OliveDrab1 #C0FF3E

OliveDrab2 #B3EE3A

OliveDrab3 #9ACD32

OliveDrab4 #698B22

DarkOliveGreen1 #CAFF70

DarkOliveGreen2 #BCEE68

DarkOliveGreen3 #A2CD5A

DarkOliveGreen4 #6E8B3D

Khaki1 #FFF68F

Khaki2 #EEE685

Khaki3 #CDC673

Khaki4 #8B864E

LightGoldenrod1 #FFEC8B

LightGoldenrod2 #EEDC82

LightGoldenrod3 #CDBE70

LightGoldenrod4 #8B814C

LightYellow1 #FFFFE0

LightYellow2 #EEEED1

LightYellow3 #CDCDB4

LightYellow4 #8B8B7A

Yellow1 #FFFF00

Yellow2 #EEEE00

Yellow3 #CDCD00

Yellow4 #8B8B00

Gold1 #FFD700

Gold3 #CDAD00

Gold4 #8B7500

Goldenrod1 #FFC125

Goldenrod2 #EEB422

Goldenrod3 #CD9B1D

Goldenrod4 #8B6914

DarkGoldenrod1 #FFB90F

DarkGoldenrod2 #EEAD0E

DarkGoldenrod3 #CD950C

DarkGoldenrod4 #8B658B

RosyBrown1 #FFC1C1

RosyBrown2 #EEB4B4

RosyBrown3 #CD9B9B

RosyBrown4 #8B6969

IndianRed1 #FF6A6A

IndianRed2 #EE6363

IndianRed3 #CD5555

IndianRed4 #8B3A3A

Sienna1 #FF8247

Sienna2 #EE7942

Sienna3 #CD6839

Sienna4 #8B4726

Burlywood1 #FFD39B

Burlywood2 #EEC591

Burlywood3 #CDAA7D

Burlywood4 #8B7355

Wheat1 #FFE7BA

Wheat2 #EED8AE

Wheat3 #CDBA96

Wheat4 #8B7E66

Tan1 #FFA54F

Purple3 #7D26CD

Purple4 #551A8B

MediumPurple1 #AB82FF

MediumPurple2 #9F79EE

MediumPurple3 #8968CD

MediumPurple4 #5D478B

Thistle1 #FFE1FF

Thistle2 #EED2EE

Thistle3 #CDB5CD

Thistle4 #8B7B8B

grey11 #1C1C1C

grey21 #363636

grey31 #4F4F4F

grey41 #696969

grey51 #828282

grey61 #9C9C9C

grey71 #B5B5B5

gray81 #CFCFCF

gray91 #E8E8E8

DarkGrey #A9A9A9

DarkBlue #00008B

DarkCyan #008B8B

DarkMagenta #8B008B

DarkRed #8B0000

LightGreen #90EE90

Chocolate3 #CD661D

Chocolate4 #8B4513

Firebrick1 #FF3030

Firebrick2 #EE2C2C

Firebrick3 #CD2626

Gold4 #8B7500

Goldenrod1 #FFC125

Goldenrod2 #EEB422

Goldenrod3 #CD9B1D

Goldenrod4 #8B6914

DarkGoldenrod1 #FFB90F

DarkGoldenrod2 #EEAD0E

DarkGoldenrod3 #CD950C

DarkGoldenrod4 #8B658B

RosyBrown1 #FFC1C1

RosyBrown2 #EEB4B4

RosyBrown3 #CD9B9B

RosyBrown4 #8B6969

IndianRed1 #FF6A6A

IndianRed2 #EE6363

IndianRed3 #CD5555

IndianRed4 #8B3A3A

Sienna1 #FF8247

Sienna2 #EE7942

Sienna3 #CD6839

Sienna4 #8B4726

Burlywood1 #FFD39B

Burlywood2 #EEC591

Burlywood3 #CDAA7D

Burlywood4 #8B7355

Tan2 #EE9A49

Tan3 #CD853F

Tan4 #8B5A2B

Chocolate1 #FF7F24

Chocolate2 #EE7621

Formulário de Contato

2009-04-10T03:08:00.000-07:00

Umas das coisas mais importantes em um blog é saber a opinião das pessoas que visitam o blog. Afinal só assim podemos saber o que devemos colocar ou tirar do blog conforme a procura ou reações de nossos visitantes. Para fazer isso você pode deixar seu e-mail no blog, mas também pode colocar um formulário para contato, afinal é bem mais fácil os visitantes preencherem algumas linhas de um formulário do que enviar um email.

Existem vários sites que fazem esses formulários de contado grátis, você só precisa fazer um cadastro, copiar o código e colocar no seu blog, entre na página layout, clique em adicionar gadget, escolha a opção html/javascript e cole o código

e pronto, quando alguém usar o formulário no seu blog você receberá a mensagem no seu e-mail e alguns sites ainda tem outros serviços relacionados a envio e recebimento de mensagens através do site. Logo abaixo com uma lista com sites que fazem gratuitamente esse tipo de serviço.

Formulário Pro
Wufoo
Contactify
Email Me Form

Caso você use ou conheça algum outro site que faça esse serviço de contato direito através do site, e tenha boa qualidade nos serviços deixe um comentário e vamos colocá-lo nesta lista Afinal sempre é bom ter mais opções.