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:

Tweet