sexta-feira, 22 de abril de 2011

Para as pessoas saberem quantas vezes elas esteve no seu blog

Além da grande quantidade de tipos de contadores de visitas fornecidos por diversos sites, codigos para saberem quantos estão online, ainda é possível mostrar no seu blog quantas vezes cada pessoa entrou em seu blog, mas essa informação é apenas para quem visita o blog, por exemplo, vai aparecer no blog escrito: você já visitou esse blog 5 vezes, espero que tenha gostado! E a contagem continua automaticamente conforme a pessoa visualizar mais vezes seu blog.

É muito facil colocar o codigo no seu blog, entre na página layout, adicionar gadget, html/javascript e coloque esse código:


<SCRIPT TYPE="text/javascript">
antes = 'você já visitou esse blog';
depois ='vezes, espero que tenha gostado!';</SCRIPT> <SCRIPT SRC="http://www.salobro.com/scripts/visitas.js" TYPE="text/javascript"></SCRIPT>



As frases que aparecem no código acima você pode mudar como quiser desde que não altere o restante do código as frazes que pode ser mudadas sao as entre parentese: (você já visitou esse blog) e (vezes, espero que tenha gostado!). Apenas tenha cuidado para não apagar as aspas, elas fazem parte do código e sem elas não vai funcionar.
Esse script funciona com base no histórico de internet do seu navegador que está no computador de cada pessoa que visita o blog, então quando você ou alguém limpar o histórico a contagem recomeçará do zero, mas isso é individual, quero dizer a contagem é feita separadamente no computador de cada internauta, portanto somente no computador que alguem apagar o histórico a contagem recomeça do 0 novamente.
Fonte da dica: http://messiasdojornal.salobro.com/
Leia Mais...

sexta-feira, 15 de abril de 2011

Como adicionar Fan Box com os seguidores do Twitter no Blogger


Adicionar legenda

É muito comum ver em muitos blogs uma “Caixa de Fãs” (Fan Box) do Facebook. Sim, essas caixetas que mostram o número de fãs que tem a página do blog no Facebook assim como as suas fotos de perfil.


Mas você deve estar a pensar porque é que ele está a falar no Facebook quando o post é sobre o Twitter? A resposta é porque, neste post, vou ensinar a adicionar ao seu blog um Fan Box do Twitter, criada com bases da Fan Box do Facebook. Esta Fan Box (a do Twitter) mostra o número de seguidores e os seus os avatares dos 10 últimos seguidores conseguidos. Veja um exemplo abaixo:



Isto é possível através do gadget criado por Moopz e que nos permitirá ter uma Fan Box de Twitter usando um script.

Para adicioná-la ao seu blog só precisa adicionar um gadget HTML/JavaScript com o código abaixo ao seu blog:
<div class="textwidget"> 
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox"> 
<script type="text/javascript">fanbox_init("utilizador");</script></div> 
</div> 
<style> 
.FB_SERVER_IFRAME { 
width: 290px !important; /* Largura do gadget */ 
height: 250px !important; /* Altura do gadget */
 

</style>
Obs.: Substitua a palavra em vermelho pelo seu nome de utilizador do Twitter sem o @. Se quiser personalizar a largura e a altura do gadget modifique a parte especificada a cor verde.
Leia Mais...

quinta-feira, 14 de abril de 2011

Mapa do site para a plataforma Blogger / Blogspot.

O mapa de um site e muito importante, para uma boa otimização. Ele ajuda na indexação de suas paginas nos mecanismos de busca, já que todos os seus links podem ser encontrados em apenas um lugar.
Um dos problemas mais comuns, enfrentados para aqueles que utilizam o Blogger como plataforma, e sobre o Mapa do Site. Até em tão, o mapa do site no blogger, tinha que ser construído quase que manualmente, a cada nova postagem um novo link tinha que ser adicionado.
Para resolver esses problemas, fiz umas pesquisas na Web, e descobri um jeito bem fácil de criar o mapa do seu site automático. Você não vai mais ter que adicionar, link por link, a cada nova postagem no seu Blog. É tudo automático.

Vamos lá:
Vá ao painel do seu Blog e clique em NOVA POSTAGEM.
Depois clique em EDITAR HTML.


Atenção e muito importante que você não saia do modo editar HTML.
Agora cole o seguinte código, trocando a parte em vermelho pelo seu site.



<script style="text/javascript" src="http://www.salobro.com/scripts/mapablogger.js"></script>

<script src="http://seublog.blogspot.com/feeds/posts/default?max-results=1000&alt=json-in-script&callback=loadtoc"></script>

Clique em Opções de postagens e modifique a data para uma bem longe de agora ( Ex: 05/03/10)de preferência uma data do ano passado, para que a postagem do mapa não apareça em primeiro no Blog.
Coloque o marcado com o nome de MAPA DO SITE.
Clique em publicar postagens e pronto!!!O mapa do seu site já esta criado.

OBS: O mapa do site pode demorar um pouco para carregardependendo da quantidade de arquivos existentes no seu Blog. 

Leia Mais...

sábado, 19 de março de 2011

Slides Com Postagens Recente no Blogger e Blogspot.

Colocar um Slide com sua postagens recente, ela ajuda a melhorar as visitas internas de seu Blog, além de melhorar sua posições nos mecanismo de busca como  GOOGLE, YAHOO, MSN,... e encaixa com qualquer template porque as cores e formas podem ser editadas.
O funcionamento da widget você verá em nossa pagina principal www.fazerblogger.com 

* O widget e de autoria de Dicas Para Blogs mas eu fiz algumas alterações.

Para Instalar esse Widget é muito simples entre no www.blogger.com Layout -> Adcionar Um GatGet -> HTML/ JavaScript e cole o Codigo Abaixo dentro da GatGet

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script><script type="text/javascript">$(document).ready(function(){var first = 0;var speed = 800;var pause = 6500;function removeFirst(){first = $('ul#slide li:first').html();$('ul#slide li:first').animate({opacity: 0.5}, speed).fadeOut('slow', function() {$(this).remove();});addLast(first);}function addLast(first){last = '<li style="display:none">'+first+'</li>';$('ul#slide').append(last)$('ul#slide li:last').animate({opacity: 1}, speed).fadeIn('slow')}interval = setInterval(removeFirst, pause);});</script><style type="text/css">#slide{height:160px;width:510px;overflow:hidden;border: 2px solid #ccc;margin: auto;padding:5px;}#slide li{margin: 10px 10px 10px 10px;list-style:none;}#slide .news-title{display:block;text-align: center;line-height: 15px;}#slide img{float:left;margin-right:10px;padding:10px;border:solid 1px #ccc;}</style><script language="JavaScript">imgr = new Array();imgr[0] = "http://www.transparenciamunicipal.com/wp-content/themes/channel/images/noimage.gif";showRandomImg = true;tablewidth = 600;cellspacing = 0;borderColor = "";bgTD = "#ffffff";imgwidth = 115;imgheight = 115;fntsize = 15;acolor = "#ff0000";aBold = true;icon = " ";text = "no";showPostDate = false;summaryPost = 350;summaryFontsize = 11;summaryColor = "#0055e5";icon2 = " ";numposts = 10;label = "";home_page = "dicasparafazerblogs.blogspot.com/";</script><script src="http://www.salobro.com/scripts/slideparablogger.js" type="text/javascript"></script>

Altere o Nome em Vermelho Pelo o Endereço de Seu Blog. Pronto o Slide já esta Funcionando, Caso queria Fazer Algumas Alterações Segue algumas Dicas

ALTERAR A VELOCIDADE DO SLIDE

var first: tempo para iniciar(deixe o valor 0)var speed: velocidade da transição(mudança de slide)var pause: tempo de pausa em cada slide
(Caso queira alterar, mude os números a frente dos respectivos códigos)

COLOCAR UMA IMAGEM PADRÃO CASO NÃO TENHA NO POST

Colocamos uma imagem padrão que no caso é http://www.transparenciamunicipal.com/wp-content/themes/channel/images/noimage.gif, mais pode ser alterado por o link de outra imagem de sua preferência. 

CONFIGURAÇÕES GERAIS

imgwidth = 120;
imgheight = 120;
fntsize = 16;
acolor = "#000";
aBold = true;
icon = " ";
text = "no";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 12;
summaryColor = "#ccc";
icon2 = " ";
numposts = 10;

CASO QUEIRA ALTERAR SEGUE A TRADUÇÃO 

Imgwidth: largura da miniatura
Imgheight: altura da miniatura
Fntsize: tamanho da letra do titulo
Acolor: cor do titulo
summaryPost: numero de letras do resumo(começo da postagem)
summaryFontsize: tamanho da letra do resumo
summaryColor: cor da letra do resumo
numposts: numero de postagens mostradas

FAÇA AS ALTERAÇÕES COMO MELHOR AJUSTAR AO SEU TEMPLATE! SUCESSO!
Leia Mais...

quinta-feira, 17 de março de 2011

Mapa do Site: Dicas para criar sites e blogs.

Mapa do site hospedado no blogspot. 
Aqui está o mapa do site, nele você encontra todas as nossas postagens em orde de data e atualizado automaticamente, se você tem um blog no blogger e quer colocar um mapa do site igual a este acesse o link: Mapa do site para a plataforma Blogger / Blogspot. Que tem todas as dicas necessárias para criar o seu mapa. Muito legal este sistema, assim não é mais necessários criar manualmente link a link.


Leia Mais...

.