Botoja Dicas

Permalink - Endereço de Suas Postagens

noreply@blogger.com (Botoja) — Fri, 12 Jun 2009 15:00:00 +0000

Esse assunto não é muito debatido pois é algo exclusivo de usuários do Blogger e vai aumentar consideravelmente suas visitas vindas de buscadores, principalmente Google e Yahoo.

Permalink, em inglês, é a contração de "Permanent Link", é o link de cada postagem. No Blogger as URLs do post são montadas sempre com base no título do post. Como regra geral é exatamente o título do post, mas com hifens no lugar dos espaços. No entanto, o nome da página é truncada de forma a ter mais ou menos 40 caracteres. Isso fará com que apenas as primeiras palavras de um título grande apareçam. Para completar, o Blogger não conhece acentos, então o título "Atenção - homens trabalhando" se tornará "ateno-homens-trabalhando.html".

Sabendo disso tudo, é só na hora de publicar o post colocar o título como você quer que fique a URL, publicar e depois editar o post para colocar o título correto.

Vejamos um exemplo: Digamos que sua notícia é: "Permalink - Endereço Correto de Suas Postagens" Provavelmente seu link ficará mais ou menos assim: http://seublog.blogspot.com/2009/06/permalink-endereço-correto-de-suas, para não ficar muito grande o link, o sistema quebra a sequência de palavras para ficar mais enxuta. Os sites de busca podem deixar de relacionar o assunto pesquisado ao seu post devido a isso. Toda vez que você for escrever um artigo novo, escreva, e quando for por o título, coloque algo curto e direto, depois de publicado, edite a postagem e coloque o título que quiser, pois o permalink já terá sido gerado e não mudará após a edição. Evite usar acentuação antes de criar o permalink, coloque acentuação só na hora de editar sua postagem depois de publicada.

Cartão de Visitas de Seu Site / Blog

noreply@blogger.com (Botoja) — Wed, 10 Jun 2009 15:00:00 +0000

Aqui no Botoja Dicas já vimos a Importância da Otimização do Site/Blog para melhor colocação nos sites de pesquisas. A Otimização é um processo contínuo, sempre temos alguma coisa a melhorar. Hoje veremos como criar um cartão de visitas contendo informações relevantes de nosso site/blog para os sites de busca e até mesmo para o Adsense.

Continue Lendo...

Tudo Sobre SEO

noreply@blogger.com (Botoja) — Mon, 08 Jun 2009 15:00:00 +0000

O significado de SEO é Search Engine Optimization. Conhecemos ele também como Otimização de Sites e Otimização para Buscas. O SEO nada mais é do que a otimização de uma página (ou até do site inteiro) para ser melhor compreendido pelas ferramentas de busca. Fazendo isso da forma correta, conseguimos um melhor posicionamento em uma página de resultados de uma busca. Com boas técnicas de SEO você conseguirá colocar seu site/Blog na primeira página do resultado de uma pesquisa no Google, por exemplo, sobre um assunto que você publicou.

Continue Lendo...

Esta otimização torna-se cada vez mais necessária, pois pesquisas vêm mostrando que cerca de 90% dos internautas visitam somente as primeiras três páginas do Google por exemplo e a grande maioria destes ficam apenas na primeira página.

Não há nenhuma garantia de que o trabalho do profissional de SEO possa obter o resultado desejado porque o Google, por exemplo, possui mais de 1.500 critérios de pontuação que utiliza para classificação dos sites. Mas quanto maior for o planejamento e o emprego correto e sistemático de algumas técnicas podem quase sempre levar o trabalho de SEO a um resultado satisfatório. Aqui no Botoja Dicas você verá várias dicas de como otimizar seu site/blog, veja algumas dicas:

Escolha das palavras-chave relacionadas com o conteúdo principal de cada página do site. Estas palavras devem ser distribuídas ao longo do conteúdo do site com uma palavra-chave para cada página. Em breve teremos uma postagem só sobre esse assunto.
Utilização de linguagem simples para permitir que os robôs dos buscadores possam encontrar as palavras-chave nas suas páginas, como HTML, CSS, evitando o uso exagerado de Flash, por exemplo.
O conteúdo deve ser de qualidade e com grande quantidade de palavras-chave distribuídas ao longo do texto, o uso de links no meio do texto, apontando para páginas internas do site. O texto pode ser dividido em tópicos para facilitar a sua leitura pelo usuário.
O uso de palavras-chave no título do site, na URL, sempre que possível e nas meta-tags é muito importante.
Os links externos são muito importantes. Contam mais pontos quando vindos de sites mais respeitados pela comunidade de internautas. Estes links podem aumentar o PageRank e através dele, o tráfego pode aumentar significativamente.
Acompanhamento dos resultados. O tráfego do site precisa sempre ser acompanhado de perto para que o profissional de SEO possa saber a origem dos usuários do site, quais as páginas e links são mais acessados, para onde vão os usuários após visitarem o site e até mesmo quanto tempo permanecem e qual palavra-chave utilizaram para entrar nele. Assim podemos trabalhar na otimização e corrigir possíveis desvios do resultado desejado.

Alguns destes resultados podem ser medidos em sites gratuitos de análise de trafego como o Google Analytics e Ferramentas para Webmasters do Google , MSN Webmaster Tools da Microsoft e o Yahoo Site Explorer, entre outros.

Feed e RSS. Acompanhe o Botoja Dicas

noreply@blogger.com (Botoja) — Sat, 06 Jun 2009 15:00:00 +0000

A maioria das pessoas já viram algo a respeito de feed e RSS ou pelo menos já viu em muitos sites o símbolo do mesmo. Mas caso você ainda tenha dúvidas ou queira uma explicação simples e prática sobre o assunto, poderá tê-la agora.

Antes da parte prática e simples, vamos a uma explicação didática e chata a respeito. Se você, assim como eu, não tem muita paciência para isso, pule para o vídeo a baixo.

Continue Lendo...

Retirando os Números dos Marcadores

noreply@blogger.com (Botoja) — Thu, 28 May 2009 15:00:00 +0000

Tem coisa mais chata que os números log após os marcadores? Pessoalmente eu detesto, só ocupam espaços desnecessários no layout do blog. Vejam que aqui no Botoja Dicas os nossos Marcadores não possuem números indicadores de quantidade. Gostaria de aprender como fazer isso em seu blog? É bem simples, prático e fácil. Veja como Proceder:

Continue Lendo...

Adicione aos Favoritos – Códigos para o Blogger

noreply@blogger.com (Botoja) — Tue, 26 May 2009 15:00:00 +0000

Aprenda agora como colocar Um gadget para facilitar que o leitor coloque seu blog nos favoritos dele. O detalhe é que com isso o leitor poderá escolher colocar seu blog nos favoritos de acordo com o programa que ele usa para acessar a internet, Firefox ou Internet Explorer. Muito simples, fácil e prático. Veja a baixo como proceder:

Continue Lendo...

Posts Relacionados no Blogger

noreply@blogger.com (Botoja) — Sun, 24 May 2009 20:46:00 +0000

Para colocar no rodapé da postagem os Artigos Relacionados, é muito fácil e também muito útil, pois direciona o leitor para outros textos com a mesma tag.

Para evitar o aumento do número de rejeição de seu blog, o ideal é prender o leitor pela curiosidade. A melhor forma, é vincular sua postagem à outras postagens suas que falam de assuntos parecidos, ou seja, que pertencem as mesmas categorias ou marcadores que seu post original.

Continue Lendo...

1- Coloque o script abaixo depois de ]]></b:skin>:

<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

2- Salve a modificação. Clique em Expandir Modelo de Widget e procure por este trecho e acrescente o que está em vermelho:

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>

<b:if cond='data:blog.pageType == "item"'>

<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>

</b:if>

</b:loop>
</b:if>
</span>

3- Agora procure por:
<div class='post-footer-line post-footer-line-3'>
e cole logo abaixo:

<b:if cond='data:blog.pageType == "item"'>
<div class='related-posts'>
<h4>Posts Relacionados:</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>

Salve as modificações. Para dar estilo ao título e à lista, acrescente no CSS:

.related-posts h4{
margin: 0 0 0 10px;
padding: 0 0 0;
font-size: coloque aqui o tamanho da fonte;
color: #...coloque aqui o valor da cor para o título;
}

Para dar estilo à lista:

.related-post ul{
margin: 0 0 0;
padding: 0 0 0;
list-style-type:none;}
.related-posts li{
margin: 0 0 0;
padding: 2px 0px 0px;
list-style-type:none;
font-size: tamanho da fonte;}
.related-posts li a{color: #....}
.related-posts li a:hover{color: #.....; text-decoration:none;}

Obs: os links dos artigos relacionados aparecem apenas nas páginas internas.

Fontes:
UsuarioCompulsivo
Vagabundia
Templates Novo Blogger

Comentários do Autor Destacados

noreply@blogger.com (Botoja) — Sat, 23 May 2009 15:00:00 +0000

Encontrei esses dias no Usuário Compulsivo, uma dica maravilhosa. Para Blogs com vários comentários, será ótimo! Pois agora você poderá distinguir seus comentários dos demais, dando destaque para eles. Para isso há a necessidade de se realizar algumas alterações no HTML de seu blog. Veja a baixo como proceder:

Continue Lendo...

Entre na edição HTML do template, marque Expandir modelos de widgets e procure pelo trecho de código abaixo e inclua os trechos destacados em vermelho:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'>

<data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Agora, nas definições CSS do template, normalmente entre as Tags <head></head>, procure pelo trecho que determina o estilo de formatação dos comentários e logo após cole as seguintes linhas:

.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #c0c0c0;
background:#f5f5f5;
}

Nos campos destacados em vermelho definem-se as cores da borda e do fundo do destaque respectivamente, adapte conforme o caso.
OBS: O destaque será aplicado inclusive nos comentários já publicados. Obviamente só naqueles que foram feitos usando uma Google Account. Comentários assinados via OpenID não serão destacados.
Se você quiser também pode alterar o destino do link que aparece sob o nome do autor, que por padrão aponta para a página do perfil do Blogger. Dê uma olhada no tutorial que o Usuário Compulsivo fez.

Resumo de Postagem - Leia Mais

noreply@blogger.com (Botoja) — Sun, 17 May 2009 19:37:00 +0000

Passando no Templates Novo Blog a procura de um novo Layout, esse que temos agora, achei um hack para o blogger que me chamou atenção. É o famoso Resumo de Postagem. Onde você "esconde" o restante da postagem para que possam ser exibidos só se clicarem em Leia Mais. Com isso você deixa a sua página mais limpa, leve e organizada. Muito usado por quem costuma ou precisa colocar muita coisa em seu post.

A maioria dos hacks de Resumo de postagem fazem com que, ao clicar para continuar vendo a postagem, abra uma página apenas com o conteúdo de seu post. Muitos acreditam que isso é melhor principalmente devido aos anúncios do Adsense que em uma nova página se renovam e podem interessar o leitor a clicar. Mas esse que vos apresento hoje é diferente, ele abre na própria janela aberta apenas esticando o post ao exibir o restante do conteúdo. Faça você mesmo o teste aqui e ao clicar em Continue Lendo... poderá pegar o código desse hack.

Continue Lendo...

PageRank - Saiba tudo - Parte1

noreply@blogger.com (Botoja) — Sat, 16 May 2009 19:14:00 +0000

Parte 1 - O que é o PageRank?

Com essa explicação do próprio google fica mais fácil de conceituar o PageRank. Mas aqui iremos nos aprofundar um pouco mais. Veremos pra quê serve esse PageRank, como fazer para aumentar o nosso PageRank, o que não fazer para não diminuir, por quê tão poucos sites brasileiros tem o PageRank superiores a 5. Isso será mostrado no decorrer dessa série sobre o PageRank, não deixe de acompanhar.

Essa primeira parte trata-se apenas do conceito de Pagerank.

Muita gente fala de PageRank, muitos até confundem o PageRank de uma página com a classificação dela nos resultados dos mecanismos de busca. Mas afinal, o que é PageRank?

O PageRank (o nome é uma referência a Larry Page, um de seus criadores e fundador do Google) é o método matemático que o Google emprega para atribuir o grau de relevância relativa de cada uma das páginas incluídas em seu índice. Ele é determinado pela quantidade de links na Web que apontam para uma página. O Google diz que, quando uma página linka outra, ela está dando um voto de importância à essa página. Falando genericamente, quanto mais links apontam para uma página, mais importante ela se torna para o Google, podendo aparecer então nos primeiros resultados da busca e aumentando seu PageRank.

Exibido aos usuários na forma de um número natural entre 0 e 10, o PageRank é calculado por uma série de fatores, do qual o mais essencial é o conjunto de outros links na web que apontam para a página sendo avaliada - o PageRank considera que cada link que uma dada página recebe é equivalente a um “voto” na sua popularidade, mas neste caso nem todos os votos contam da mesma forma: links recebidos de um site com PageRank alto recebem peso maior do que os recebidos de sites com PageRank baixo. O Artigo da Wikipedia sintetiza boa parte do que se sabe de concreto a respeito.

Quer sabe então qual o PageRank de seu site/Blog?

Nesse site a cima poderá visualizar e se quiser até levar uma amostra de seu PageRank para seu Site/Blog. O Botoja Dicas ainda tá fraquinho, veja nosso PageRank:

Pagerank 2

Aguardem a parte 2 desta série!

Anúncios do Adsense Após o Título ou no Final da Postagem

noreply@blogger.com (Botoja) — Wed, 13 May 2009 04:25:00 +0000

Vamos começar a falar um pouco sobre como monetizar o blog do Blogger. Trataremos principalmente do meio mais conhecido que é o Google Adsense. Os anúncios do google Adsense divulgados em seu blog devem ser atraentes o suficiente para que um leitor venha a clicar nele. A maioria dos blogueiros não se preocupam com a aparência que seu blog tem após colocar de qualquer forma os anúncios do Adsense, mas esse é um grave erro, pois o leitor evita desorganização, pode até se assustar com muitas propagandas em seu blog e até nunca mais te visitar.

A melhor maneira de manter seu blog organizado e com altas possibilidades de clicks nos anúncios do Adsense é colocando-os logo após o título da postagem ou no meio dela.

É claro e óbvio que somente colocar os anúncios do Adsense entre o título e o post ou no meio da matéria não irá lhe render um bom número de cliques, pois se você não tiver um número alto de visitas diárias, então ninguém vai clicar. Os cliques dependem muito da quantia de visitantes que você recebe diariamente e isso não vai mudar nunca, não importa onde estejam os anúncios.

Continue Lendo...

Bom, no Blogger para que você possa colocar os blocos de anúncios do Google Adsense entre o título e o post ou no meio da matéria, é necessário você realizar algumas modificações no próprio código Adsense, ou seja, você entra na sua conta do Google Adsense, cria um bloco de anúncio que mais se adapte ao Layout e Template do seu blog, escolhendo as melhores cores e estilos, e realiza duas únicas modificações no código.

Após criar o bloco de anúncio na sua conta do Google Adsense, você terá um código parecido com o mostrado abaixo, onde as únicas coisas diferentes são as tags "<" e ">" que foram substituídas por "(" e ")" - parênteses - para que pudessem ser interpretadas pelo nosso blog como texto e não como código, somente para a visualização em forma de exemplo aqui:

(script type=”text/javascript”)<!–
google_ad_client = “pub-xxxxxxxxxxxxxxxx”;
/* Botoja Dicas */
google_ad_slot = “xxxxxxxxxx”;
google_ad_width = xxx;
google_ad_height = xxx;
//–>
(/script)
(script type=”text/javascript”src=”http://pagead2.googlesyndication.com/
pagead/show_ads.js“)
(/script)

Repare que o código exemplo acima é muito semelhante com o código criado por você na sua conta Adsense. Alguns caracteres do código estão na cor vermelha. Eu coloquei esta cor para que você possa identificar qual é a parte que terá de ser alterada no seu código.

Os caracteres que estão em vermelho são “<” e “>” (sem as aspas). Estes caracteres são os que você terá de mudar no seu código do Adsense antes de colocá-lo no seu blog.

Bom, agora que você já sabe quais são os caracteres que serão alterados eu vou mostrar aqui para quais caracteres eles devem ser mudados. Veja bem, o primeiro caractere em vermelho deverá ser alterado para “” (sem as aspas) e o segundo caractere em vermelho deverá ser alterado para “” (sem as aspas).

Preste muita atenção na mudança dos códigos, pois se você fizer alguma modificação errada e for identificado pela equipe do Google Adsense o erro, você poderá ser expulso do programa de rentabilidade, pois não permitem alterar o código a não ser estas pequenas modificações que eu estou ensinando aqui. Estas modificações podem ser encontradas no próprio fórum do Adsense.

Se você tiver feito tudo certo, é para o seu código ficar como o mostrado abaixo, onde os caracteres vermelhos estão no formato de imagem, pois se eu colocasse na forma de escrita o Blogger interpretaria como um outro símbolo:

(script type=”text/javascript”)!–
google_ad_client = “pub-xxxxxxxxxxxxxxxx”;
/* nome do bloco de anúncio escolhido por você */
google_ad_slot = “xxxxxxxxxx”;
google_ad_width = xxx;
google_ad_height = xxx;
//–
(/script)
(script type=”text/javascript”src=”http://pagead2.googlesyndication.com/pagead/show_ads.js“)
(/script)

Pois bem, agora que você já realizou a mudança no código Adsense você deverá colocá-lo no seu blog no local correto onde você deseja que eles sejam exibidos.

No Blogger vá em "Layout" e clique em “Editar HTML”. Aconselho q fazer um backup de seu layout por precaução, para isso clique em “Baixar modelo completo”. Agora marque a caixa “Expandir modelos de widgets” e siga os passos abaixo:

Para exibir as caixas de anúncios de publicidades do Google Adsense entre o título do post e o conteúdo, você deverá inserir o seu código ANTES da tag div class='post-body'.

Para exibir as caixas de anúncios de publicidades do Google Adsense entre o conteúdo do post e os créditos, ou seja, no rodapé ou final de cada post, você deverá inserir o seu código ANTES da tag div class='post-footer'.

Para exibir os anúncios depois dos créditos, entre um post e o outro, ou seja, no meio dos posts e entre eles, você deverá inserir o seu código DEPOIS da linha de código p class='post-footer-line post-footer-line-3'

Feito isso, agora é só salvar. O Google Adsense permite que você exiba até 3 blocos de anúncios por página, ou seja, apenas as 3 primeiras postagens suas é que ficarão com o anúncio em exibição, caso seu blog esteja configurado para aparecer mais de 3 postagens por página, as outras postagens ficaram com um espaço em branco onde deveria ter o anuncio do Adsense, apenas os 3 primeiros aparecerão. Dependendo do modelo do bloco de anuncio que você escolheu para divulgar, esse espaço em branco nas outras postagens pode ser prejudicial ao visual de seu blog. Para corrigir isso você pode configurar para que seu blog exiba apenas 3 postagens por página, assim não terá esse espaço vazio.

Teste Seu Blog em Diferentes Navegadores

noreply@blogger.com (Botoja) — Sun, 26 Apr 2009 23:02:00 +0000

O Browsershots é um serviço que tira screenshots do Layout do seu Blog ou Site em diferentes navegadores, ele é muito útil para nós blogueiros pois podemos saber se o Layout do nosso Blog está tendo algum erro com determinado navegador, o que ocorre com frequência entre os navegadores Firefox e o Internet Explorer.

Os testes podem ser feitos em navegadores de sistemas Linux, Windows e Mac, além disso podem ser definidos atributos como: Tamanho da tela, qualidade da cor, Javascript, Java e Flash, resumindo é um teste bem completo.

O único inconveniente do serviço é o tempo de espera do teste que dependendo da configuração escolhida ou do horário pode ser de minutos ou horas, mas o próprio site lhe informa o tempo de espera estimado e lhe dá a opção para salvar a página nos seus favoritos e ver o teste depois já completamente terminado.

O serviço realmente é uma excelente opção para ver como o seu Blog ou Site é exibido em diferentes navegadores de diferentes sistemas operacionais.

Clique na imagem a cima para ir até o site.

Dica encontrada no Broblogando

Rodapé do Blogger Com 4 colunas

noreply@blogger.com (Botoja) — Wed, 22 Apr 2009 18:26:00 +0000

Quando se trata de Layout, estamos sempre procurando uma forma de aperfeiçoar, nunca estamos satisfeitos, é tanto que a maioria dos sites/blogs trocam todo seu layout pelo menos uma vez por ano, quando não fazem isso, estão acrescentando algumas inovações como Hacks com funcionalidades específicas. Eu não sou diferente, aqui mesmo já divulguei várias dicas que encontrei na internet para melhorar ou acrescentar uma funcionalidade no Blog. Ontem divulguei aqui como devolver a imagem do lápis de edição rápida. Hj estou trazendo aqui uma forma de acrescentar colunas na parte de baixo de seu layout caso já não o tenha. No nosso site específico de matérias de informática, o Botoja Web, possui um ótimo layout cedido pela Ariane do Templates Novo Blogger, porém ele originalmente não possui colunas de rodapé. (Dependendo de quando você está lendo esta postagem o layout em questão já terá sido alterado).

Mas vamos ao que interessa. Essa dica eu encontrei no ótimo blog Como Fazer Web do Bianco Garniz e da FRX. Poderá encontrar Aqui todas as dicas.

Vamos então ver como proceder:

Primeiro vá até a edição de HTML em seu blog. Feito isso, procure por:

Continue Lendo...

/* Footer

Achando esta sessão no css, substitua inteira por esta abaixo, mas se não houver Sessão footer no seu template, adicione o código abaixo antes deste trecho ]]></b:skin>

/* Footer
----------------------------------------------- */
#footer-wrapper{background:#151515;clear:both;margin:0 auto;padding:15px 0 5px 0;overflow:hidden;}
#foot-wrap{margin:0 auto;width:980px;}
.foot{width:25%;float:left;margin:0;padding:0;color:#999;}
.foot a:hover{color:#ccc;}
.ft{padding:0 10px;}
.ft .widget{margin-bottom:15px;}
.ft ul{margin:0;padding:0;list-style:none;}
.ft li{margin:0;padding:0 0 .25em;}
.foot h2 {
font-size:16px;
font-weight:700;
font-family:Arial,Verdana,Sans-serif;
color:#ccc;
border-bottom:dotted 1px ;
margin:0 0 5px;
padding:0 0 2px;
}
#credits{font-size:11px;}
.trb2,.trb3,.trb4{background:#fff;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
.trboxcontent{background:#fff;border:0 solid #d8d8d8;display:block;border-width:0 1px;padding:2px 10px;}
.trb1{background:#d8d8d8;margin:0 5px;}
.trb1,.trb2,.trb3,.trb4{display:block;overflow:hidden;}
.trsnazzy{background:transparent;margin:0 0 10px;}
.trtop,.trbottom{background:transparent;display:block;font-size:1px;}
.trb2{border-width:0 2px;margin:0 3px;}
.trb1,.trb2,.trb3{height:1px;}
.trb3{margin:0 2px;}
.trb4{height:2px;margin:0 1px;}
/* wireframe layout tweaks */
body#layout *{margin:0;padding:0;}
body#layout,
body#layout #foot-wrap,body#layout #navbwrap,
body#layout #outer-wrapper,
body#layout #content-wrapper {width:750px;min-width:750px;}
body#layout #navb{padding-bottom:15px;}
body#layout #main-wrapper{width:40%}
body#layout #header-wrapper{height:60px;}
body#layout .foot{width:187px;}
body#layout #srchbxwrap,body#layout #credits{display:none;}

Feito isto encontre esta parte abaixo

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

Substitua inteira por este trecho abaixo, mas se não houver esta tag acima, procure por esta  e coloque o código abaixo logo após a mesma

<div id='footer-wrapper'>
<div id='foot-wrap'>
<div class='foot'>
<b:section class='ft' id='f1'/>
</div>
<div class='foot'>
<b:section class='ft' id='f2'/>
</div>
<div class='foot'>
<b:section class='ft' id='f3'/>
</div>
<div class='foot'>
<div class='ft'>
<b:section id='f4'/>

<div id='credits'>
<h2 class='title'>Créditos</h2>
<div class='widget-content'>
Footer by <a href='http://www.comofazerweb.com' target='_blank'>Como Fazer Web</a>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> Powered By <a href='http://www.blogger.com'>Blogger</a>
</div></div>

<div class='clear'/>
</div></div></div></div>

Clique em visualizar, e se tudo estiver correto, salve!Depois é só ir em "Elementos da página" e acrescentar o que quiser no rodapé.

Edição Rápida no Blogger

noreply@blogger.com (Botoja) — Tue, 21 Apr 2009 18:40:00 +0000

Sabe aquele lápis que nos modelos de layout normais aparecem quando você está logado e visualizando seu blog? Esse Aqui:

Na maioria dos modelos de layout novos eles são retirados, fica apenas o link no lugar da imagem. Pessoalmente não vejo vantagem em retirá-los, pois os únicos que o veem são os donos do blog.

Pois bem, encontrei uma forma de devolver a imagem do Lápis ao Layout. Encontrei o Ótimo Blog: Dicas Blogger e nele existe uma matéria sobre isso, veja aqui.
Continue Lendo...

Corrigindo a Exibição do Favicon

noreply@blogger.com (Botoja) — Fri, 10 Apr 2009 20:42:00 +0000

Vocês viram Aqui uma explicação de como colocar o favicon em blogs do Blogger, porém esse recurso foi extinto a alguns meses, então vamos ver agora como corrigir esse probleminha:

Hospede duas imagens com tamanho de 16x16 pixels, uma no formato PNG e outra convertida para o formato ICO, no local de sua preferência e anote as URLs dos arquivos hospedados.

Visite Esse Site para converter a imagem em ICO.

Localize a linha ]]></b:skin> dentro do código html do seu template e logo abaixo cole o seguinte trecho, adaptando o endereço dos arquivos que você acabou de hospedar:

<link href='URL_DA_IMAGEM_FORMATO_ICO.ico' rel='shortcut icon'/>
<link href='URL_DA_IMAGEM_FORMATO_PNG.png' rel='shortcut icon'/>

Vizualize para ter certeza que não há erros, em seguida salve e está pronto.

OBS: Esta dica funciona tanto no Internet Explorer como no Mozilla Firefox!

Como Exibir Posts Relacionados no Blogger

noreply@blogger.com (Botoja) — Wed, 04 Mar 2009 21:36:00 +0000

O Blogger ainda não tem a opção de exibir os posts relacionados ao final do texto, para facilitar a vida do leitor e aumentar o tempo de permanência dele no blog.

Mas existe uma forma de se conseguir isso. Achei no blog Htmhelen e agora trago para vocês:

Este script é um tanto quanto complicado, por isso peço que use um blog de teste para não fazer besteira. Para visualizar o resultado crie neste blog de testes pelo menos cinco posts fictícios usando a mesma tag/marcador/label.

Continue Lendo...

Clique em Layout, Editar HTML. Cole o seguinte código antes da tag </head>: Onde está escrito 5 você pode substituir pelo número de posts relacionados que você deseja mostrar.
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 5) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>
Salve. Clique em Expandir modelos de widgets. Procure o seguinte código:
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
Substitua pelo código abaixo: A parte em destaque é o que será realmente acrescentado.
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
Salve. Procure (ainda em modo expandido) o código que pode ser:
<div class='post-footer-line post-footer-line-3' />

ou
<p class='post-footer-line post-footer-line-3' />
Substitua por:
<div class='post-footer-line post-footer-line-3'>
<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:blog.url != data:blog.homepageUrl'><h4>Leia também:</h4></b:if> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </b:if>
</div>

Se você não encontrar nenhum p ou div que use class='post-footer-line post-footer-line-3', crie-a logo abaixo da tag que fecha class='post-footer-line post-footer-line-2'. Onde está escrito Leia também você pode escrever o texto de sua preferência.

Menu Expandível

noreply@blogger.com (Botoja) — Thu, 08 Jan 2009 14:00:00 +0000

Realizamos uma mudança interessante ultimamente aqui no Dicas e Tutoriais - Botoja, como podem notar lá em baixo temos os marcadores com um link onde você pode expandir ou recolher os itens dos marcadores. (Não tenho mais usado o Menu expandível aqui desde que mudei de Layout e optei por não usar mesmo) Economizando assim espaço no layout. Essa dica eu vi no Templates Para Novo Blogger da Ariane, achei sensacional e agora repasso aqui.

Este efeito se consegue usando o scriptanimatedcollpase. Faça o download e hospede em algum servidor (sugiro o SkyDrive, já que o Google Pages já era). Após hospedar o script, copie o link fornecido e use-o neste código, que deve ser colado antes da tag </head>

Continue Lendo...

Email Abaixo das Postagens

noreply@blogger.com (Botoja) — Sun, 04 Jan 2009 11:05:00 +0000

Facilite a comunicação com seus leitores colocando uma imagem com link referindo-se ao seu E-mail logo abaixo das postagens. Para fazer isto você deverá:

Criar ou obter alguma imagem, Nos links abaixo você poderá criar imagens de E-mail;

1 - http://email.about.com/od/stationeryandmorefun/gr/e_mail_icon_gen.htm

2 - http://services.nexodyne.com/email

O meu ficou assim:

Hospede a imagem em sites de hospedagem, guarde a url da mesma.

Abra o painel de administração de seu Blog, abra a aba de HTML, marque a opção de expandir widgets.

Encontre esta linha: <p class=’post-footer-line post-footer-line-1’> e abaixo dela coloque esta:

<a href="mailto:botojaweb@gmail.com?subject=Hello%20again"><img src="URL DA IMAGEM" alt="my email" /></a>

Não esqueça de colocar o seu e-mail em mailto

Depois é só salvar as configurações.

Dica retirada do Katempla

Desligar mais Rápido

noreply@blogger.com (Botoja) — Mon, 03 Mar 2008 14:24:00 +0000

Aumentar a velocidade de encerramento do Windows XP reduzindo o tempo de espera.

O Windows XP recorre a determinados valores do seu registo que determinam o tempo que este deverá esperar antes de ordenar o encerramento (killing).

Editando essas duas linhas responsáveis, colocando valores mais baixos, conseguimos diminuir consideravelmente o tempo que o Windows necessita para se desligar com sucesso.

Antes de executar qualquer alteração no seu registo, não se esqueça de fazer o respectivo backup!

A primeira parte deste guia, lida com alterações das configurações que determinam a quantidade de tempo que o Windows necessita para fechar as aplicações ativas.

1ª etapa
Abra o REGEDIT e navegue até ‘HKEY_CURRENT_USER\Control Panel\Desktop\’
Selecione a linha de valor ‘WaitToKillAppTimeout’.
Coloque no valor ‘1000′ (por predefinição deverá estar 20000).
Agora selecione o valor ‘HungAppTimeout’
Altere também para ‘1000′.

Nesta segunda parte iremos alterar os valores de espera para desligar as aplicações ativas em todos os utilizadores do sistema.

2ª etapa
Abra o REGEDIT e navegue até ‘HKEY_USERS\.DEFAULT\Control Panel\Desktop’
Selecioneo valor ‘WaitToKillAppTimeout’.
Altera para ‘1000′ (por predefinição o valor deve estar 20000).
Agora selecione o valor ‘HungAppTimeout’.
Altere para ‘1000′ também.

Agora na terceira parte, iremos alterar uma configuração secundária do registro para diminuir o tempo que o Windows XP terá de esperar antes de encerrar os serviços ativos depois de receber a ordem de encerramento que demos anteriormente.

3ª etapa
Abra o REGEDIT, navegue até ‘HKEY_LOCAL_MACHINE\System\CurrentControlSet\Control\’
Selecione o valor ‘WaitToKillServiceTimeout’
Altere o valor para ‘1000.’
Esta alteração deverá ajudar consideravelmente à velocidade de encerramento do Windows.

4ª etapa (utilizadores com placas de vídeo Vvidia)
Este serviço, incluído recentemente pelo "NVIDIA Detonator driver", tem uma função indeterminada. Não encontrei nada sobre este assunto, e a única coisa que encontrei de forma unânime foram os utilizadores a queixarem-se da lentidão que provoca. Então o melhor será, para quem tem uma placa gráfica da Nvidia, considerar a desativação do serviço. E veremos as diferenças no encerramento.

Para desativar o Nvidia Driver Helper service:
Botão direito do mouse sobre ‘O Meu Computador’ (my computer) selecione ‘Gerir’ (manage).
Expanda os ‘Serviços e aplicações’ ’services and applications’ depois ‘Serviços’ (services) para abrir a janela dos serviços.
Localize e selecione ‘Nvidia Display Driver service’. Botão direito do mouse e selecione propriedades (properties).
No ‘Tipo de arranque’ (startup type), marque na caixa dropdown, Desactivado (disabled). Click ‘ok.’

5ª etapa
Por defeito o Windows XP avisa o utilizador sobre uma ou mais aplicações que não estão respondendo quando recebem a ordem para encerrar, isto para o encerramento até que o utilizador aprove o encerramento das aplicações que não estão respondendo.

Alterando ligeiramente o registo, potenciamos o Windows com a funcionalidade de encerrar automaticamente as aplicações que não estejam respondendo.
Embora não seja uma técnica para acelerar o processo de encerramento do Windows, de modo direto, atua para isso mesmo de forma indireta, pois assegura que o utilizador não tenha de dar mais um clique e mais e mais outro sempre que se processe um encerramento rápido, que deixará algumas aplicações penduradas à espera da tal aprovação para desligar, por sua vez deixa o Windows também pendurado.

Para permitir que o Windows XP automaticamente encerre as aplicações em conflito altere o seguinte:
Abra o REGEDIT, navegue até ‘HKEY_CURRENT_USER\Control Panel\Desktop’
selecioneo valor ‘AutoEndTasks.’
Altere o valor para ‘1′

O XP será capaz, agora, de encerrar as aplicações que falharam durante o shutdown.

Caso conheça alguma forma diferente, partilhe essa informação!

Ctrl+C: PeopleWare

Como criar um botão de comentar no blogger

noreply@blogger.com (Botoja) — Mon, 25 Feb 2008 19:14:00 +0000

Vamos a um tutorial de como colocar um botão bem visível para inserir comentários.

Achei muito fraco o simples link que veio no meu template atual! por isso, eu vou ensinar VOCÊ a criar seu próprio botão bem lindo para os visitantes do seu blog comentarem, comentarem muito, sem limites! hahaha

ok, chega de enrolação!

Primeiramente, crie a imagem que ficará no botão. ( não copie a minha, faça a sua, nem que seja no paintbrush )

O tamanho da imagem será decidido por você.
Depois de criada hospedea em algum serviço de hospedagem de imagens online, como o

imageshack.us

Pegue o link da imagem do botão que você acabou de hospedar e guarde.

Agora vem a parte mais legal do tutorial...

Vá em Layout / Editar HTML
Marque a caixa de seleção "Expandir modelos de widgets"

Localize o seguinte trecho:

<data:post.body>

Cole o código do botão logo após.

<div style="'margin:"><br /><a href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"></a><br /></div>

Clique agora em salvar modelo e visualize seu blog para ver como ficou.
Não se esqueça de trocar o endereço da imagem pelo correto

Prontinho. você agora tem um lindo botão de "comentar no seu blog".

Nota: Você poderá colocar o botão onde quiser, basta escolher o local e colar o código.

Ctrl+C: Blog Dedo de Ouro

Colocar icone na barra de enderecos - favicon

noreply@blogger.com (Botoja) — Mon, 25 Feb 2008 18:48:00 +0000

Essa dica é para você que quer colocar o ícone do seu site ou blog na barra de endereços do navegador. como este do meu blog:

É muito fácil, vamos lá?

Para criar seu favicon, simplesmente visite o site Favicon.cc, e crie seu ícone, você pode também, fazer o upload de uma imagem, para servir de referência. depois de criado, é só você clicar em Download a Favicon.

agora aqui que está a questão X

Para usuários do Blogger / Blogspot aqui vai o macete -Você dever fazer o upload do seu favicon em algum site de hospedagem de fotos.
Recomendo: ( faça o cadastro em algum desses sites, e faça o upload do seu favicon )

Ripway

Lycos

Para usuários do Firefox, podem salvar em formato .gif também.

Depois de ter feito o upload do seu favicon, copie o link direto dele. ex. http://members.lycos.co.uk/fulano/favicon.ico
acrescente o link do seu favicon, no código abaixo e copie.

Vá nas configurações do seu Blog clique em editar HTML e cole o código do seu favicon antes do fechamento da tag "head"

Ex.

<head>

//Aqui ficará o código do seu favicon

</head>

Ctrl+C: Blog do Dedo de Ouro

Ferramentas para seu site ou Blog

noreply@blogger.com (Botoja) — Mon, 25 Feb 2008 17:38:00 +0000

Visualizador de Código-Fonte

Veja o código-fonte de qualquer site online. Veja exatamente como o site é escrito.
Por favor não use o código fonte para copiar design e layout de outros sites que tem Copyright, e implementar no seu... malandrão!!!!
Para ver o código-fonte do site, é só digitar o endereço no campo de texto.

http://www.bloggingmix.com/2007/07/source-code-viewer.html

Visualizador de links quebrados

Links quebrados são links que não funcionam. Isso pode causar muitas reações negativas do usuário do seu site/blog. Um site 'saudável', não deve possuir links quebrados, para a melhor navegação, e usabilidade do site. Links quebrados são uma péssima idéia para quem quer ter uma boa posição em um sistema de buscas. Verifique os links do seu site com essa ferramenta.

http://www.bloggingmix.com/2007/07/broken-link-checker.html

Verificador de Reciprocidade de Links

Essa ferramenta é muito útil para pessoas que usam, sistema de parcerias em seu blog/site, com este verificador, vc digita a URL do seu site, e logo abaixo coloca o endereço dos sites a serem analisados. Isso verifica se as pessoas com quem você mantém uma parceria, estão linkando para o seu site.

http://www.bloggingmix.com/2007/07/reciprocal-link-checker.html

Velocidade do Site/blog

Essa ferramenta é útil para você que quer analisar a o tempo que demora para seu site abrir, e também, comparar com outros sites. Mostra a velocidade e o tamanho em KB da sua página.

http://www.bloggingmix.com/2007/07/website-speed-test.html

Verificador de Page-Rank

Se você quiser saber qual é o seu page rank utilize essa ferramenta:

http://www.bloggingmix.com/2007/07/page-rank-checker.html

Verificador de Meta-Tags de qualquer site - Meta-tags Extractor

Para as pessoas que desejam ver as meta-tags de um site, essa é a ferramenta ideal, basta digitar o endereço do site.

http://www.iwebtool.com/metatags_extractor

Adicione seu site na indexação do google

Para adicionar é só digitar o endereço do site/blog e uma breve descrição.

http://www.google.com.br/intl/pt-BR/add_url.html

Ctrl+C: Blog Dedo de Ouro

Colocar o título do post antes do nome do blog

noreply@blogger.com (Botoja) — Mon, 25 Feb 2008 09:00:00 +0000

Por padrão o blogger exibe o nome do blog à esquerda do título do post no nome da página, e sempre vejo em blogs hospedados no wordpress, a seguinte ordem no título da página:

# Título da Postagem - Nome do Blog #

Se você utiliza o wordpress veja esse plugin Seo Title Plugin

Já com o nosso velho e bom blogger não é assim , veja nas imagens abaixo os exemplos:

Estilo de Título Padrão do Blogger~Blogspot

(Clique para ampliar)

Estilo de título mais recomendado ( ou seja, o que eu te ensinarei a fazer aqui )
(Clique para ampliar)

Isso ajuda e muito, além de ficar mais bonito, o nome do blog depois, fica melhor para os buscadores e você poderá ser rankeado melhor, logo, obtendo uma melhor posição nos buscadores, SEO puro.

A principal vantagem pra mim seria no visual e facilidade de organização, seja nas abas do seu navegador, ou na barra de tarefas do windows, ex. Várias janelas com o seu blog abertas e minimizadas, apareceriam simplesmente isso:

E com esse hack para blogger ( ou seria widget para blogger ?) ficaria o título da postagem primeiro, dando um ar de organização na parada:

No caso das abas, eu sempre me irrito com isso, abro milhares de abas de determinado blog, e quando vou procurar os artigos me deparo com isso: (e tenho certeza que não é somente eu)

Depois da modificação ficaria assim:

Bem mais organizado e chique hehehe.

Tá bom, chega de 'nhêm, nhêm nhêim' e vamos para o magnífico tutorial:

1 - Abra o painel de controles do blogger
2 - Vá em Layout / editar HTML (Para os mais inseguros eu recomendo clicar em 'baixar modelo completo' )
3 - Localize o seguinte trecho no código fonte:

4 - Substitua por:

<br /><b:if cond="'data:blog.pageType"><br /><b:section id="'titleTag'"><br /><b:widget id="'Blog2'" locked="'false'" title="'Blog" type="'Blog'"><br /><b:includable id="'comments'" var="'post'/"><br /><b:includable id="'postQuickEdit'" var="'post'/"><br /><b:includable id="'main'" var="'top'"><title><b:loop values="'data:posts'" var="'post'"><b:include data="'post'" name="'post'/"></b:loop> ~ <data:blog.title/></title></b:includable><br /><b:includable id="'backlinkDeleteIcon'" var="'backlink'/"><br /><b:includable id="'feedLinksBody'" var="'links'/"><br /><b:includable id="'backlinks'" var="'post'/"><br /><b:includable id="'status-message'/"><br /><b:includable id="'feedLinks'/"><br /><b:includable id="'nextprev'/"><br /><b:includable id="'commentDeleteIcon'" var="'comment'/"><br /><b:includable id="'post'" var="'post'"><data:post.title></data:post.title><br /></b:includable><br /></b:includable><br /><b:else><br /><title><data:blog.pagetitle/></title><br /></b:else><br />

5 - Agora Salve o template e visualize o blog.

Se algo der de errado, comece a chorar, pois todos os seus posts serão deletados em 5, 4, 3.... kkkkkk

Ctrl+C: Blog Dedo de Ouro

Os 15 truques mais legais do Firefox

noreply@blogger.com (Botoja) — Mon, 25 Feb 2008 06:59:00 +0000

O Firefox está se conquistando dia após dia o espaço que já foi do Netscape Navigator e atualmente é do Internet Explorer. Porém, nem todos os usuários utilizam todos os recursos que esse navegador possibilita.
Aqui estão os melhores 15 truques para melhorar ainda mais a performance do Firefox.

1. Mais espaço na tela. Torne seus ícones menores. Vá em 'Exibir' > 'Barra de ferramentas' > 'Personalizar' e marque a caixa 'Ícones pequenos'. E se vc não usa a barra de 'Favoritos' (aquela onde originalmente aparece 'Últimas notícias' e 'Traduza essa página', simplesmente vá em 'Exibir' > 'Barra de ferramentas' e desmarque o ítem 'Favoritos'.

2. Palavras-chave em pesquisas. Se há uma pesquisa que vc use com frequência (o sistema de busca da Wikipédia, por exemplo), existe uma ferramenta que poucas pessoas usam. Clique com o botão direito na caixa de busca, dê à palavra-chave um nome fácil de escrever e de guardar (por exemplo... "cao") e salve. Agora, quando vc for fazer uma pesquisa sobre cães na Wikipédia, por exemplo, digite "cao" na barra de endereços de seu Firefox e o ítem que vc quer procurar ("terrier", por exemplo) e pronto. Você pode fazer isso com qualquer caixa de pesquisa.

3. Atalhos de teclado. Uma vez vc aprendendo esses atalhos, sua navegação será muito mais eficiente. Alguns dos atalhos mais comuns e mais usados:

Barra de espaços: page down
SHIFT + Barra de espaços: page up
CTRL + F: localizar
ALT + N: localizar próximo
CTRL + D: adicione aos favoritos
CTRL + T: nova aba
CTRL + K: vai até a caixa de pesquisa
CTRL + L: vai até a barra de endereços
CTRL + =: aumenta ou tamanho do texto
CTRL + -: diminui tamanho do texto
CTRL + W: fecha aba
F5: atualizar a página
ALT + HOME: carrega sua página inicial

4. Auto-completar. Esse é outro atalho de teclado, pouco difundido mas muito útil. Vá até a barra de endereços e digite o nome do site, sem o "www" ou o ".com", por exemplo. E pronto, o endereço está lá! Para endereços .net, aperte Shift+Enter e para endereços .org, Ctrl+Shift+Enter.

5. Navegação em abas. Para navegar entre abas que vc abriu, utilize atalhos de teclado:

CTRL + TAB: navega entre as abas abertas
CTRL + SHIFT + TAB: navega entra as abas no sentido inverso
CTRL + 1-9: seleciona a aba correspondente ao número

6. Atalhos do mouse. Às vezes, é mais fácil usar o mouse que o teclado.

Clique do botão no meio no link: abre o link numa nova aba
SHIFT + gire o botão do meio (scroll) para baixo: página anterior
SHIFT + scroll para cima: próxima página
CTRL + scroll para baixo: aumenta ou tamanho do texto
CTRL + scroll para baixo: diminui tamanho do texto
Clique do botão no meio na aba: fecha aba

7. Deletar ítens da barra de endereços. A função de exibir os endereços visitados na barra de endereços é útil, mas algumas vezes vc não quer determinado endereço aparecendo lá. Quando a caixa com os endereços aparecer, apenas selecione o endereço com a seta para baixo e aperte 'Delete'.

8. Personalize seu navegador. Se vc realmente quiser modificar seu Firefox, vc pode criar um arquivo UserChrome.css e esconder menus, esconder barras de separação, etc. Isso é um pouco mais complicado, mas vc pode ler o tutorial aqui. [em inglês]

9. Crie um arquivo user.js. Outra maneira de personalizar seu Firefox, basta criar um arquivo 'user.js' na pasta onde está seu navegador e alterar opções que podem até mesmo deixar o navegador mais rápido. Veja aqui o exemplo, com explicações do que faz cada alteração ao lado dos comandos. [em inglês]

10. about:config. Digite "about:config" na barra de endereços e altere centenas de configurações de seu Firefox. Claro, não vá sair clicando por aí sem saber o que fazer. Veja aqui uma lista de dicas.

11. Palavra-chave nos favoritos. Vá até seus endereços favoritos muito mais rapidamente usando palavras-chave. Clique com o botão direito sobre o site em seu menu 'Favoritos', coloque uma palavra-chave curta, e quando vc a digitar na barra de endereços, ele irá para o site favorito.

12. Aumente a velocidade do Firefox. Se vc usa banda larga, vc pode usar o pipelining para que o Firefoz carregue várias coisas em uma página de uma vez (a configuração-padrão é para internet discada). Faça o seguinte:

Digite "about:config" na barra de endereços do Firefox e procure pela entrada "network.http". Dê um duplo-clique para editar.
Ajuste o “network.http.pipelining" para "true"
Ajuste o “network.http.proxy.pipelining” para “true”
Ajuste o “network.http.pipelining.maxrequests” para um número como 30. Isso vai pedir para enviar 30 pedidos de uma só vez.
Também dê um clique com o botão direito em qualquer lugar da tela e selecione 'Nova opção' > 'Inteira'. Dê o nome “nglayout.initialpaint.delay” e ajuste o valor inicial como “0″. Este valor é o tempo que o navegador espera antes de exibir a informação que recebe.

13. Limite o uso da RAM. Se o Firefox usa muito da memória RAM em seu PC, vc pode limitar seu uso. Novamente, digite "about:config", busque a entrada “browser.cache” e selecione “browser.cache.disk.capacity”. Está ajustado com 50000, mas vc pode reduzir este número, conforme quanta memória que vc tenha. Tente 15000 se vc tem entre 512MB e 1GB de RAM.

14. Reduza o uso da RAM quando o Firefox estiver minimizado. Este recurso vai mover para o disco rígido a memória utilizada pelo Firefox quando ele estiver minimizado, usando muito menos memória RAM (sem afetar visivelmente o desempenho depois que vc o maximiza novamente). Novamente, vá ao "about-config" e clicando com o botão direito, escolha 'Nova opção' > 'Boolean'. Dê o nome de “config.trim_on_minimize” e ajuste o valor para TRUE. Reinicie o Firefox, então.

15. Mova ou remova o botão de fechar aba. Vc acidentalmente clica no botão fechar aba de suas páginas abertas? Vc pode mover ou renomear este botão. Mais uma vez, acesse o "about:config" e procure a entrada “browser.tabs.closeButtons”. Alterando o valor, você altera o botão. Veja a lista:

0: Mostra o botão de fechar apenas na aba ativa.
1: (Padrão) Mostra o botão de fechar em todas as abas.
2: Não mostra nenhum botão.
3: Mostra um botão único no final da barra de abas (como nas versões antigas do Firefox)

Ctrl+C: É o Cão Chupando...

Firefox Mais Rápido

noreply@blogger.com (Botoja) — Mon, 25 Feb 2008 06:56:00 +0000

Vou ensinar uma dica para deixar o seu Firefox mais rápido. Comigo a dica funcionou, e garanto que a velocidade de carregamento das páginas vira um raio!

1. Digite about:config na barra de endereços e tecle ENTER.

2. Procure pela sequência network.http.pipelining. Veja se o valor atrubuído à ela é true. Se não for, dê um duplo clique para mudar para esse valor.

3. Procure pela sequência network.http.pipelining.maxrequests. Dê um duplo clique nela e mude o valor para 8.

4. Em network.http.proxy.pipelinin, dê um clique duplo e mude o valor para true.

5. Mude o valor de network.dns.disableIPv6 para true.

6. Agora, clique com o boão direito em qualquer valor na tela, e escolha Nova Opção > Boolean. Dê o nome de content.interrupt.parsing e valor true.

7. Clique com o botão direito em qualquer lugar, escolha Nova Opção > Inteira. Dê o nome content.max.tokenizing.time e defina o valor para 2250000.

8. Novamente, crie uma nova entrada Inteira com o nome de content.notify.interval com o valor de 750000.

9. Crie uma entrada Boolean com o nome content.notify.ontimer e defina o valor para true.

10. Crie uma entrada Inteira com o nome de content.notify.backoffcoun e valor 5.

11. Crie uma entrada Inteira com o nome content.switch.threshold com o valor 750000.

12. Crie uma entrada Inteira com o nome nglayout.initialpaint.delay com o valor 0.

Reinicie o Firefox e veja a diferença!

Ctrl+C: Inexistente Man