Se você gostar do post abaixo, por favor, clique aqui para se inscrever gratuitamente através do e-mail, assim você terá um post a cada e-mail recebido, podendo baixar nossos ebooks

Widget Estatístico Completo para Blogger

Widget Estatístico Completo para Blogger

Widget de estatísticas completo para seu Blogger, facilitando o reconhecimento do seu trabalho no próprio Blog, composto com a numeração de seus posts e comentários, e ainda vindo com contador de visitantes online em tempo real, mais dados simples de inicio de Blog e muito mais.

Neste Widget você encontrará um novo meio de disponibilizar uma nova forma de divulgação de links, pois neste Widget se encontra os parceiros e recomentados do nosso blog, mas você pode fazer suas edições, código abaixo para ser copiado e colado n aparte de layout de seu Blogger com a adição de Gadget (HTML/Java Script):

<center><style>
/*Gagdet Status por www.cherry-liah.blogspot.com*/
.stats {
border-bottom: 1px dotted #000;width: 300px;
}
</style>
<div class="widget-content">
<div class="stats">
<img src="http://i49.tinypic.com/dypx1s.jpg" />Blog desde: <b>04/02/2012</b></div>
<div class="stats">
<img src="https://lh4.googleusercontent.com/-QYni50zZCdM/UP4XJwg_H9I/AAAAAAAACZs/5U1MZpNvMn0/s16/ztaqyw.jpg" />Administrador: <b><a href="https://plus.google.com/u/0/105996623601644270267/posts" tiptitle="Clique e veja o Perfil">Ruan Phablo</a></b></div>
<div class="stats">
<img src="https://lh5.googleusercontent.com/-3VaBC0nuPc0/UP4WSKs3tgI/AAAAAAAACZU/QWcDNETBj78/s16/k9jayq.jpg" /><script>
function numberOfPosts(json) {
document.write('Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}</script>
<script src="URL-DO-BLOG/feeds/posts/default?alt=json-in-script&amp;callback=numberOfPosts"></script></div>
<div class="stats">
<img src="https://lh6.googleusercontent.com/-DSRmB0Hq9v0/UP4vYxqlGUI/AAAAAAAACaM/AmreqmmZkAQ/s16/hskgle.jpg" /><script>function numberOfComments(json) {
document.write('Comentários: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}</script>
<script src="URL-DO-BLOG/feeds/comments/default?alt=json-in-script&amp;callback=numberOfComments"></script></div>
<div class="stats">
<img src="https://lh6.googleusercontent.com/-9DrVxSQrsaw/UP4T0R4V38I/AAAAAAAACZA/FRYi2oVa3H0/s16/arrow_large_right.png" /> <script id="_wauwdy">var _wau = _wau || []; _wau.push(["small", "dbjcfwvr251l", "wdy"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script></div>
<br />
<center>
<table border="0" cellpadding="0" cellspacing="0" style="width: 300px;">
</table></center></div></center>

Editando o Código

Todos as linhas e trechos que estiverem em negrito é o que será mudado, porém tendo você mais conhecimentos na área de html, css e um pouco de javascript, desejo informar que estão de portas abertas, pois você podem até continuar incrementando com algo mais.

  • Border-Bottom: Estilo da Borda das entre linhas;
  • Links Azuis: Links de imagens para representarem conteúdo ao lado.(Veja mais por aqui) Ideial tamano 16x16;
  • Palavras Verdes: Nomeação e nomeado do que você desejar tratar;
  • Link Vermelho: Alguma página que informe sobre você ou sua página que disponibilize sua história;
  • 300xp: Mude para o tamanho de usa barra lateral ou tamanho ideal para onde irá adicionar;
  • Frase Rosa: Como já especifica, (Url do seu blog);
  • Parte grande em negrito: Código em java do contador de visitantes reais.

Objetivo: Disponibilizar base de Widget para seu Blogger para diferenciar com muitos outros Widgets e facilitando grande porcentagem na edição do mesmo. 

Verdade: Já estou cansado de muitos por ai falar mal do Blogger, por isso está aqui um Widget que pode ser comparado a muitos plugins e extensões estatísticos abertos ao público.´
Mais dica: Você também pode estar colocando ícones, nomeações e links de suas redes sociais. E não se esquecendo de códigos javascript para inovar.

E você Blogueiro, já achou algo parecido? Se sim, edite este e faça um melhor deixe-o exclusivo.

Gostou? Compartilhe:
Ruan Phablo

Ruan Phablo é blogueiro desde 2009, mas só a partir de 2012 começou a levar a blogosfera a sério. Foi aí que ele criou o Phablo Projetos, um blog que tem por objetivo ajudar outros blogueiros. Você pode encontrá-lo no Facebook, no Twitter e no Google+.

8 comentários:

  1. Olá Ruan.

    Gostei muito, vou editar um pra mim e em breve adicionarei em meu blog, só estou chegar ao fim do mês para retirar um banner da sidebar que terei mais espaço.

    Excelente postagem.

    Abraços!

    ResponderExcluir
  2. Herlan,

    Como a pouco tempo atrás estava informando para alguns blogueiros pelo Facebook para que eles peguem e façam as suas edições, pois modificando esse Widget, só trará benefícios, logo todos nós do blogger estaremos lucrando em questão de otimização dos nosso blogs.

    Abraços

    ResponderExcluir
  3. É um bom widget Phablo, espero que muitas possam usá-lo.

    Abração e muito sucesso meu amigo.

    ResponderExcluir
  4. Jackson,

    Mesmo que se poucos usarem já será de grande honra, pois saber que um código simples pode formar grandes coisas, o jeito é esperar que editem e divulguem a evolução.

    Abraços

    ResponderExcluir
  5. Olá Ruan,

    realmente esse widget ficou muito legal, parabéns pela criação.

    Abraço!

    ResponderExcluir
  6. Claudio,

    Obrigado, não se esqueça que esse Widget é para você fazer suas edições e transformá-lo no melhor possível Widget para toda a blogosfera!

    Abraços

    ResponderExcluir
  7. Olá,
    Muito bom o seu site. Daria pra deixar uma demo desse widget pra gente poder ver antes de baixar? Desde já agradeço...

    ResponderExcluir
    Respostas
    1. Samuel,

      Infelizmente até o momento sobre este post não posso garantir uma prévia desse widget no post, porém nos próximos posts já posso seguir sua dica.

      Abraços

      Excluir

Seu Comentário estará enriquecendo o conteúdo acima. Fico grato com sua participação! Qualquer dúvida relacionada a outro assunto use o nosso formulário de contato "Fale Conosco". Obrigado

Por favor me adicione no Google + para eu poder te responder de imediato!

 
Copyright © 2012 - Phablo Projetos - Direitos Reservados | Page Rank Licença Creative Commons
Desenvolvido por Carlos Vínicius | Tecnologia do Blogger | Páginas: Termos de Uso e Licença
    Twitter Facebook Google + YouTube