Mostrando postagens com marcador Ferramentas. Mostrar todas as postagens
Mostrando postagens com marcador Ferramentas. Mostrar todas as postagens

segunda-feira, 18 de junho de 2012

Crie uma versão móvel para seu Blog/Site


Existem várias maneiras de fidelizar o publico do seu blog, uma boa forma é desenvolver uma versão do blog para aparelhos móveis, entretanto, muitos blogueiros ignoram essa forma. Se você quer tornar seus visitantes em fiéis usuários, criar um versão do blog para aparelhos móveis pode ajudar muito.

O iPad (tablet da Apple) já é responsável por 1% do tráfego mundial da Web, e uma grande fatia dos usuários de iPad acessam frequentemente blogs e redes sociais para se manterem sempre atualizados. O sistema operacional Linux representa apenas 0,71% do tráfego da web no EUA e o iPad já conta com 2,1%.

Com essas estatísticas, já podemos dizer que a morte do bom e velho desktop pode estar não muito longe. Por este e outros motivos é super importante, principalmente agora, ter uma versão do blog criada unicamente para aparelhos móveis.

A maioria das ferramentas de criar uma versão mobile do seu blog têm códigos que podem ser instalado em seu blog com bastante facilidade. Se você pode instalar uma ferramenta como o Google Analytics, você vai ser capaz de usar essas ferramentas.

GTMetrix - teste o tempo de carregamento e performance de seu site



 O GTmetrix é uma ferramenta muito útil para saber como está o desempenho de seu site, ele analisa diversos fatores, como problemas com o CSS, Javascript, imagens, cache e compactação das páginas entre outros, que podem influenciar no aumento do tempo de carregamento do site quando os visitantes o acessam.

E como todos sabem tempo de carregamento é um fator muito importante para se manter visitas em seu site, fiz um teste com o GLOBOWEB e acabei vendo que algumas imagens que eu julgava insignificantes acabavam comprometendo e muito o tempo de carregamento de minha página, bom a solução que eu encontrei foi redimensionar as imagens para seu tamanho correto, resultado nessa brincadeira acabei reduzindo 200k no tamanho do site e otimizei ele em alguns mile segundos parece pouco mais influência bem no resultado final.


Dica: ao acessar o site digite o link de seu site no campo Analyze Performance e clique em GO



Você também pode gostar de:

segunda-feira, 15 de agosto de 2011

Como Encontrar Links quebrados no seu Site/Blog



COMO ENCONTRAR LINKS QUEBRADOS?

Para quem como nós já bloga há alguns anos, e tem centenas de artigos publicados (atualmente temos mais de 1100 artigos publicados aqui no blog) e milhares de comentários de usuários, a tarefa de encontrar links quebrados é sem dúvida uma das mais trabalhosas da otimização para motores de busca. No entanto, se você for tão perfeccionista quanto nós, vai desejar que o seu site/blog passe em todos os testes de otimização e apresente uma performance acima da média com um perfil limpo e isento de possíveis erros que o possam prejudicar na hora de rankear suas páginas.

Para quem tem blogs de dimensões relativamente pequenas ainda, recomendamos o Broken Link Checker, um plugin WordPress para encontrar links quebrados, que em blogs de pequena dimensão funciona perfeitamente. No entanto, se o seu blog tiver algumas centenas de artigos publicados e alguns milhares de comentários, este plugin está longe de ser uma boa ferramenta, especialmente porque torna o sistema demasiado lento e poderá demorar horas e horas até finalizar o seu trabalho.

Para quem usa um computador (Mac ou Windows), existem também algumas ferramentas desktop que o podem ajudar a solucionar este problema. Estas ferramentas têm a vantagem de serem instaladas no seu computador, embora necessitem de acesso à internet para realizar o crawl completo do seu site/blog na procura de links quebrados, redireccionamentos e outros problemas que possam existir. Vejamos…

quarta-feira, 20 de julho de 2011

Insira Botões de redes sociais deslizantes em seu site


Depois que eu me rendi as redes sociais e passei a criar uma nova fonte de visitas através de serviços como o Twitter, Facebook e Orkut, eu adicionei botões “Curtir” do Facebook, Google +1 e Twitter que apareciam no menu de navegação, mas o resultado não estava me agradando muito. Decidi então procurar uma forma mais eficaz de adicionar os botões de divulgação aos meus sites e blogs de uma forma que eles não passassem despercebidos.

Descobri então o Share Sidebar, que é um serviço gratuito que gera um código HTML com botões de várias redes sociais como o Facebook, Google +1, Twitter, Dellicious, StumbleUpon, Google Buzz, Digg e Reddit, que podem ser exibidos do lado esquerdo ou direito da tela. Você pode conferir os botões em ação aqui mesmo no CriarSites.com
Como pegar os botões

Como citei anteriormente o serviço é grátis, bastando acessar o site do Share Sidebar, selecionar a posição que deseja que a barra apareça, selecionar as redes desejadas, inserir seu endereço de email e endereço URL de seu site e clicar no botão “Get the Code” para finalizar.


Na próxima página você tem acesso ao código gerado, que pode ser adicionado em qualquer site que permita editar o código HTML do template.

Ps. Não pode ser utilizado em blogs criados no WordPress.com

Gostou deste artigo? Então deixe um comentário aqui em baixo.

Fonte: Criar Site

sexta-feira, 15 de julho de 2011

Reversor de Links ou URL`s Invertidas Versão 1.2

Olá pessoal, vendo a dificuldade que se tornou em baixar algum conteúdo da internet, graças aos protetores de links, resolvi criar esse pequeno software para reverter os links que são colocados de trás pra frente nos sites.

Modo de usar
Selecione apenas o link do Download

 -----------\/------------           |  ------------------------\/----------------------      
 link do protetor                                         link do download 

e cole onde está escrito digite o texto e clique em reverter, depois é só copiar o link do campo "texto revertido e colar no navegador", qualquer dúvida é só comentar no post.
Tamanho: 900Kb


ou

terça-feira, 12 de julho de 2011

PingDom - Teste o tempo de carregamento de seu site/blog


PingDom é uma ferramenta online que mede o carregamento de seu site/blog, com ele você poderá ver quanto tempo seu site demora para ser carregado em um browser.
Ele também mostra o carregamento individual de cada imagem, JS, ou Widget esterno que tenha inserido em sua página.

Contador de Postagem e Comentários


Responda rápido e sem olhar estatísticas: Qual o total de comentários e artigos atualmente no seu blog? Não sabe? Eu seeei, ná-ná-ná-ná... =P

E porque essa informação é importante? Claro que você, enquanto editor é fanático por estatísticas, se ainda não é, logo será... Mas tem mais gente olhando esses números.

Os anunciantes por exemplo, avaliam diversos dados para determinar quais os blogs mais relevantes dentro de determinado nicho. E qual a melhor forma de avaliar a influência de um blogueiro, que a quantidade de comentários que seus artigos recebem?

Pensando nisso, bolei um widget simples, mas que pode ser facilmente personalizado, para exibir a quantidade total de artigos e comentários de qualquer blog hospedado no Blogspot:


Este site possui atualmente:
3086 Comentários em 362 Artigos! 
Widget GloboWEB


Para instalar é fácil, é só usar o código abaixo na sua barra lateral, moleza!

<div id='contador-compulsivo' align='right'><b>Este blog possui atualmente:</b><br/>
<script style='text/javascript'>
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src='http://seublog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount'></script> Coment&aacute;rios em <script src='http://seublog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount'></script> Posts
!


insira também um contador de visitas, assim você terá um exelente controle de quantos acessos diarios, mensais e anuais tem em média. Clique aqui e veja.

Contador de visitas OnLine - Opromo


Insira um contador de visitas On-line em seu site.
Com ele você poderá saber quantas visitantes tem em seu site/blog naquele momento.

Os 5 melhores contadores de visitas para analizar as estatísticas de seu site/blog

Quem tem o trabalho de gerir um blog ou site sabe que qualquer alternativa que possa economizar tempo e nos fazer ganhar produtividade é válida, não é mesmo?
Como uma das informações mais importantes (e que mais deixa os editores malucos) é saber quantos visitantes se tem por dia, semana, mês, etc., resolvi fazer uma lista com osprincipais contadores de visitas que eu conheço para analisar o tráfego do seu blog.
Espero que te ajude e de quebra vamos ver que alguns serviços são muito mais que contadores de visitas. Confira!



É a solução de análise da web de nível empresarial que fornece a você excelentes informações sobre o tráfego e a eficiência de marketing.
Na prática, o Google Analytics é muito mais que um contador de visitas. É sem dúvida amelhor e mais completa ferramenta de análise de estatísticas que um blog/site pode usar.
Vale a pena conferir!


Um contador com indicação de visitantes, páginas e outros que de forma simples, porémeficiente, te mostra os principais números do seu blog/site sem muita frescura e agindo corretamente.



Com esse contador tudo o que você precisa fazer é configurar o ícone que você quer que apareça no blog, copiar o código e colar na sua sidebar.
Para conferir as estatísticas, basta clicar no ícone no seu site. Simples e fácil de usar.
O único problema se dá pelo fato de que as estatísticas ficam visíveis para qualquer pessoa que clicar no ícone, o que para quem está começando pode não ser interessante.



Um dos melhores contadores de visitas e pageviews que eu já testei. Simples, eficiente e realmente funciona.
Quanto a história de que o Sitemeter só é gratuito até alcançar as 10 mil visitas, é besteira. Utilizo ele em um site que já está chegando a 50 mil visitas únicas e ele continua funcionando perfeitamente.
O único problema com relação a ele é que uma vez ou outra o serviço fica sem aceitar novos usuários, mas é sempre temporariamente.
Portanto, se você visitar o Sitemeter e não conseguir se inscrever, tente novamente em alguns dias, pois vale a pena!



Sem dúvida alguma, esse é um serviço que briga (e na opinião de muitos é até melhor)de igual para igual com o Google Analytics.
Na minha opinião, não digo que é o melhor, mas é muito completo e funcional. Com a opção de baixar o programa para o seu computador e acompanhar as estatísticas, ele é quase perfeito.
Digo quase perfeito porque tem um pequeno “exagero” na quantidade de visitas (pode chegar a 20% mais no número de visitas e pageviews que o Analytics).
De qualquer forma, é um serviço dos mais eficientes e que merece sua atenção, nem que seja para um teste. Confira!

segunda-feira, 13 de junho de 2011

Chat para blog - Bate papo - Xat.com


Como instalar o seu chat no blogspot:

Entre no painel de controle do blogspot vá em Layout e na opção Elementos de pagina clique em Adicionar um Gadget, procure por HTML/JavaScript e cole o código do seu chat para que entre em seu blog em seguida clique em Salvar, apos ter salvo você podera arrastar o o Elemento de pagina para onde você quiser, caso você tenha opitado por um tamanho grande de chat, arraste para cima ou para baixo de onde esta escrito Postagens no blog, clique no botão Salvar que fica no canto superior direito e pronto seu chat foi adicionado ao seu blog.

Você podera remover essa parte do código que esta aqui em baixo que é responsável por uma linha que se encontra logo abaixo do seu chat.

Essas linhas se encontram no final do código do seu chat.

<small><a href=”http://xat.com/web_gear/?cb” target=”_BLANK”>Get your own Chat Box!</a> <a href=”http://xat.com/web_gear/chat/go_large.php?id=60570022″ target=”_BLANK”>Go Large!</a></small>

Acesse o site abaixo e crie seu chat:

CBox - Caixa de batre papo - Chat para blog


Aprenda a inserir aquela tradicional caixa de bate papo em seu blog ou site sem nenhuma dificuldade
basta acessar o site:

http://www.cbox.ws/

e realizar seu cadastro, após realizar seu cadastro é só gerar o código e colar em uma tag HTML/JAVASCRIPT de seu blog

Faça uma cbox e adicionar uma nova dimensão de interacção para o seu site ou blog. Cbox é um exclusivo bate-papo e mensagens aplicativo que traz as melhores características do tradicional bate-papo e sistemas de codificação para a Web social. E a melhor parte - cbox Basic é totalmente gratuito .

segunda-feira, 30 de maio de 2011

Criar formulário - Formulario



Além de divulgar seu site, você precisa de um Formulário para que seus clientes façam contato e eles esperam que você responda o mais breve possível, caso contrário o fechamento do negócio poderá não acontecer.
O comércio na Internet está cada vez mais competitivo e os sites que não prestam um atendimento ágil, estão perdendo potenciais clientes para seus concorrentes.
Então, já pensou em colocar um Formulário de Contato para aumentar as vendas do seu site ou responder as dúvidas de seus clientes, trabalhando 24 horas por dia por você?
Nós pensamos! O formulárioPRO envia uma cópia do formulário para você e uma mensagem automática e personalizada para o seu contato! Possui ainda validação do campos, isto é, não aceita campos em brancos e endereço de email inválido!.
Inteiramente GRÁTIS!
A única coisa que você precisa fazer é inserir um código HTML em sua página. O seu cliente poderá preencher o formulário e ao submeter os dados será direcionado para uma página dentro do seu site que você mesmo determina!


segunda-feira, 23 de maio de 2011

Saiba o numero de visitantes de qualquer site

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.


Fonte: http://ferramentasparablogger.blogspot.com/

Mostrar Quantas postagens e comentarios tem seu blog

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


Fonte: http://ferramentasparablogger.blogspot.com/

domingo, 22 de maio de 2011

Botões para avaliação de postagem

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> 


Fonte:  http://ferramentasparablogger.blogspot.com/

sábado, 21 de maio de 2011

Bloqueando CTRL + U - Botão direito do mouse

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:




<body oncontextmenu="return false">

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:




<body onkeydown="return false">

Espero ter ajudado.


Fonte: http://ferramentasparablogger.blogspot.com

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

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;}



Fonte: http://ferramentasparablogger.blogspot.com/

Paginação Numerada

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:

<!-- Inicio do codigo de navegacao -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;&#39;;
var downPageWord =&#39;&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<!-- Final do codigo de navegacao -->

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

Fonte: http://ferramentasparablogger.blogspot.com/

Colocar Imagem no titulo do post


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.


Fonte: http://ferramentasparablogger.blogspot.com/

Redirecionando Blogs

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