WWW.DicasparaBlogueiro.BlogspoT.Com Varias Dicas para seu Blogger!

Guia Rápido

Contador de visitas para blog
Coloque no seu blog um contador de visitas online que ainda mostra nas estatísticas o total de visitantes, países de origem, sistema operacional e navegador utilizado. Além disso, esse contador de visitas pode ser facilmente personalizado com as cores que desejar para ficar com o jeito do seu blog.

Contador onlineEntre no site TrendCounter e clique no botão Get your own Counter

Então é só escolher as cores clicando nos quadrinhos que estão em branco e preto aguardar alguns segundos e ver como ficou o contador na imagem logo abaixo (preview).

Image and video hosting by TinyPic

Quando chegar num estilo que gostar clique em create counter-code, copie o código e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript.

Contador de visitasOutra coisa interessante que podemos dizer é que mesmo após colocar o contador no seu blog é possível editá-lo, trocar suas cores sem perder o histórico do contador. Para modificar o contador após instalar-lo primeiro copie o código do contador que colocou no seu blog, depois entre no site do TrendCounter, no menu clique na opção Adjust Widget
Iamgem

Na tela seguinte você verá Adjust Widget, Your current HTML-Code: então coloque o código do seu contador atual neste campo de texto e clique em submit form. Agora é só escolher as novas cores ou aparência, clicar em create counter-code, pegar o código e colocar no blog novamente igual fez da primeira vez.
Registrar Domínio Grátis
Encontramos outro site que registra domínio gratuitamente é o Dot TK, é fácil de criar seu domínio, e ainda fica uma url(endereço) bem curto para o blog, no caso deste blog ficou assim http://dicasparablogueiro.tk/, isso fica mais simples para ler e tem a vantagem de economizar caracteres que é muito importante no caso de enviar o link para alguém em sites como o twitter então se gostou desse novo link para o nosso blog entre no site crie um domínio gratuitamente para o seu blog.

Então vamos começar entre no site do Dot DK e coloque o endereço do seu blog e clique em seguinte.
Domínio Grátis
Na próxima tela ele vai mostrar uma sugestão de nome pra o seu domínio, provavelmente será algo assim: seublog.tk logo abaixo tem umas letras de confirmação para digitar e descendo mais na pagina ele oferece a opção de criar o seu domínio anônimo ou não, no site está assim: Domínio Gratuito Anônimo e do lado Domínio Gratuito Registrado depois mostra uma lista de coisas que você pode fazer se escolher registrar o domínio note que ambas são gratuitas.

Agora ele mostra opções para registro pago ou gratuito e mostra alguns serviços a mais que a opção paga tem, mas escolhemos a opção gratuito e clicamos em seguinte, então coloque seu endereço de email, digite as letras de verificação e clique seguinte. Isso mostra a pagina para colocar alguns dados que recebeu no seu email, mas se verificar seu email e não chegou nada é melhor aguardar e voltar mais tarde, no meu caso também não chegou na hora, voltei depois para terminar o cadastro.

Na hora que receber o email, nele contém as instruções para terminar seu cadastro, nele terá o link para concluir seu cadastro, então faça o seguinte:
Clique ou copie e cole no navegador o link da pagina de ativação é algo assim: http://my.dot.tk/registration/confirm?tk=.......

Quando abrir essa pagina, ela pedirá seu código de confirmação e depois a palavra passe, cuidado para não usar uma no lugar da outra, quando fiz o teste a palavra passe eram somente letras e no código de confirmação havia números também.
Então aparece a pagina inicial do site, no menu clique em Os meus domínios e logo abaixo vai aparecer Exibir lista dos meus domínios clique novamente.
Registrar domínio gratuitamenteNa próxima janela já vai aparecer o endereço que cadastrou lá no inicio com o final tk, agora é só copiar e colar no navegador para testar, deverá aparecer o seu blog e se gostou da idéia e do novo endereço pode começar a usar esse link para divulgar seu blog.

Existe apenas uma observação que é feita no próprio site, nesta mesma pagina de onde você copiou o seu novo domínio grátis e vou repetir aqui por achar muito importante: Lembre-se que os domínios GRATUITOS expiram após 90 dias em que menos de vinte cinco (25) utilizadores foram ao seu site. Quer dizer não adianta criar um domínio grátis e não utilizar.
Queremos avisar que se usar esse domínio do site Dot TK, a imagem que aparecerá na barra de endereço será a imagem do Dot TK.
Categoria: Comentar
Links lado a lado (menu horizontal)
 Colocar um menu horizontal, aquele que os links ficam um do lado do outro, é mais simples do que parece, nós apenas precisamos de algumas linhas de CSS, copie o código abaixo e coloque no seu blog através da pagina layout, adicionar gadget, html/javascript:

Click Aqui para pegar o Codigo

No meio desse código todo uma das partes mais importante é a configuração de largura dos botões veja no estilo #page-bar li a tem width: 150px; isso é a largura de cada item, então faça os ajustes necessários, ou seja, se o menu horizontal ficar menor que a largura do blog aumente esse valor. Caso um ou mais itens do menu ficar na linha debaixo é preciso diminuir a largura de cada item(150) ou tirar algum dos itens do menu.

A parte final do código é só colocar o endereço dos sites e trocar o texto item1, item 2.. pelos nomes dos sites, mais uma vez cuidado com a quantidade de links, pois se colocar muitos links o menu ficará muito largo então mudará de linha, como já dissemos se acontecer isso é preciso tirar links ou diminuir o valor 150px.

As partes #page-bar li a{...} e #page-bar li a:hover{...} são o que controlam aparência dos links, então se quiser é possível modificar esse estilo para deixar do jeito que combine melhor com seu blog. Já fizemos uma postagem sobre menu horizontal, mas alguns acharam que ficou difícil de instalar, espero que assim, colocando o código num lugar só fique mais fácil.
Categoria: Comentar
Como Colocar Submenu no Blog
Colocar um submenu no blog é um pouco mais complicado que um menu normal. Para não deixar duvidas um submenu é quando você passa o mouse pelo menu e sobre algum item aparecem mais opções, por exemplo, um menu de um blog de downloads tem musica, jogos, filmes, games e outros itens, quando você coloca o mouse sobre o item filmes aparece um novo menu ao lado com os itens suspense, terror, comédia, adulto...
Agora que já explicamos como funciona o submenu vamos começar a dizer como colocar um no seu blog. Entre na pagina layout, adicionar gadget, html/javascript e coloque o código abaixo, por ser um código grande pode haver algum problema com o código em copiar e colar direito do blog, então temos aqui o mesmo Click Aqui para pegar o Codigo







Na parte final tem os itens, veja nesta pagina o menu com submenu em funcionamento e ficará mais fácil entender como colocar os títulos que quiser no menu do seu blog e nos submenus. Vamos falar sobre o item 1, isso é o texto que vai aparecer no seu blog, o link dele é daquele jeito mesmo só um sinal de jogo da velha, os subitens é só trocar onde está Item 1.1 pelo titulo que desejar e colocar a url no lugar indicado na mesma linha, e assim por diante em todos os outros links.

Você deve colocar esse código onde aparecerá o menu horizontal com submenu, lembre-se que se o espaço (largura) do seu blog não for suficiente para o menu completo um ou mais itens vão para linha debaixo, portanto é preciso ter cuidado com o numero de itens e a largura do botão para alterar a largura de cada botão mude o valor 150px, veja no código ele aparece 4 vezes width: 150px; você deve mudar esse numero em todos, ou seja, se colocar 130px tem que alterar nos 4 lugares que aparece o 150.

Para mudar as cores, letras, fundo e tudo mais dos botões é nesta parte do código:

Click Aqui para pegar Codigo 2

E o estilo quando o mouse está sobre ele é aqui:

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{background-color: #FFCC99;background-image: url(http://img16.imageshack.us/img16/122/overc.gif);
color: #000000;letter-spacing: normal;word-spacing: normal;border-top: 1px solid #FFFF00;
border-right: 1px solid #CC0000;
border-bottom: 1px solid #CC0000;
border-left: 1px solid #FFFF00;
}
Categoria: Comentar
Pesquisa dentro do blog
Para colocar uma caixa de busca no blog e permitir que nossos visitantes façam pesquisas dentro do blog é uma coisa bem útil e facilita que as pessoas encontrem o que procuram. Usamos o seguinte código:

Se quiser pode modificar o tamanho do campo de texto mudando o numero 25, outra coisa é o texto Neste site você pode escrever o que desejar, por exemplo o nome do seu blog.

Isso faz o Google pesquisar as palavras digitadas somente dentro do endereço que colocamos no local indicado, assim fica fácil achar qualquer coisa no blog. Você só precisa colocar o endereço do seu blog nos locais indicados no código e depois colocar o código pela pagina layout, adicionar gadget, html/javascript e já está pronto.

Se quiser você pode criar um código parecido com esse no site do Adsense e além de mostrar um sistema de busca no seu blog ainda pode ganhar algum dinheiro quando as pessoas utilizarem as pesquisas Google através do seu blog.
Categoria: Comentar
Fazer uma Galeria de Imagens no Blog
Às vezes queremos colocar varias imagens ou fotos na mesma postagem, mas fica um pouco esquisito, ocupando espaço demais na pagina, então uma boa solução para esse problema é organizar uma galeria de fotos ou dizendo em outras palavras fazer que todas as imagens apareçam no mesmo lugar, como um slide com miniaturas ou links que clicamos para ampliar as fotos. Veja o código:

Clique Aqui para pegar o codigo


Se quiser hospede as imagens no ImageShack então pegue o endereço de cada uma subtitua no código, lembrando que a imagem que está na parte do iframe vai aparecer e as outras ficaram ocultas só aparecendo quando clicar nos links abaixo, cuidado para não pegar o código errado a url da imagem está em direct link. Outro detalhe é que se invés de usar palavras quiser usar miniatura das imagens para fazer os link é possivel basta colocar o target="galeria" no código.

A parte principal é observar target=”galeria” veja que esse é o mesmo nome que usamos logo na primeira linha name="galeria", então se for usar mais de uma vez esse código no seu blog ou site tem que usar nomes diferentes para evitar erros. Veja a demostração do código dessa galeria de imagens em funcionamento

Cuidado com o tamanho das imagens elas tem que ser todas iguais no caso usei 400 por 300, esse numero também está no código do iframe, então faça os ajustes nas imagens antes de publicar. Isso porque na verdade o iframe não é transparente, ele tem fundo branco então se as imagens forem de tamanho diferente ficará aparecendo uma margem branca, além disso, elas ficaram cortadas, pois o tamanho 400 por 300 que colocar no código do iframe é fixo, ou seja, ele não se ajusta ao tamanho das imagens.
Aumentar o lucro com o Blog
Existem varias maneiras de ganhar dinheiro com o blog a mais comum é usar o Google Adsense, mas além dele existem muitos outros sites que você pode utilizar para conseguir aumentar o lucro com seu blog, por exemplo, o Hotwords.

Ganhe dinheiro com seu blogOs anúncios do Hotwords funcionam de forma diferente, ele não mostra um banner ou coisa do tipo, mas transforma algumas palavras do seu texto em links e você ganha cada vez que alguém clicar nesses links.

Para começar a utilizar e ganhar dinheiro com o Hotwords no seu blog primeiro precisa fazer um cadastro e aguardar a aprovação pelo site, depois é só pegar o código e colocar no seu blog. No site deles tem uma explicação em video sobre como colocar o código no blog e o melhor é falado em português, veja os links sobre como instalar o Hotwords no Blogspot, WordPress, Joomla. Depois que fizer seu cadastro logo que entrar no site links para tutorias explicando a instalação para esse e outros tipos de blogs.Como Ganhar Dinheiro com o Blog

Veja a pagina de tutoriais de instalação para esses blogs que aparecem na imagem
Depois de instalar o código demora algumas horas para começarem a parecer os anúncios, outras duvidas no próprio site é possível resolver, pois achei muito bons os links de ajuda. E pode ser usado junto com adsense como fazemos neste blog, assim é uma boa alternativa para aumentar os lucros com o blog e não ocupar mais espaço com banners ou outro tipo de publicidade.

Postagens recentes