Templates blogger

Review Just Host hospede seu site com conteúdo adulto sem ter que pagar mais por isso

2010-05-23T20:13:00.001-03:00

Para quem está pensando em mudar seu blog para wordpress ou quer uma hospedagem sem gastar muito, o Just host é um boa opção por 3.45 você tem uma hospedagem compartilhada com domínio grátis cpanel em português e Fantástico para instalar de modo automático, wordpress, phpBB2, Drupal, PhpWiki, joomla e muito mais.

Eu tenho um blog no Just Host, principalmente porque é uma das poucas empresas de hospedagem compartilhada de baixo custo que permite site com conteúdo adulto e isso sem cobrar mais por isso, desde que esse seja limpo. Veja meu blog de vídeos hospedado nos servidores da Just Host, como já experimentei outras hospedagens sei que está no mesmo nível. Como dá pra hospedar vários sites você pode dividir as despesas com os amigos, as vezes alguém pode dizer que pra hospedar um site tem que ser via VPS, só que essa opção fica caro, só que isso é para grandes sites, pois caso contrário vai pagar uma boa grana e não usar tudo que está pagando. Por exemplo meu blog com 200 visitas por dia não está usando nem 5Gb de banda.

A empresa de alojamento web Just Host está sedeada em Londres, mas tem escritórios nos Estados Unidos também. É uma empresa recente, mas que atacou o mercado de forma muito dinâmica. A experiência dos seus fundadores faz com que a Just Host apareça muito bem colocada nos rankings de alojamento espalhados pela internet.

A Just Host compete com preços baixíssimos, bom suporte técnico e fiabilidade. Os seus clientes são já centenas de milhares e tudo leva a crer que venha a aumentar bastante nos próximos anos.

De todas as empresas de ponta, é a que consegue os preços mais baixos, mas isso não significa que deva ser desprezada pelos consumidores. Pelo contrário.

Vantagens de hospedar na Just Host

A Just Host tem planos de hospedagem de sites para oferecer que, segundo eles, é suficiente para todas as necessidades dos webmasters. Os planos de hospedagem oferecem largura de banda ilimitada e armazenamento ilimitado, além de funcionalidades e extras. Por exemplo, um domínio para toda a vida.

Apesar de terem os preços mais baixos do mercado, não cortaram nos serviços e funcionalidades, incluindo:

Contas de email ilimitadas
Subdomínios ilimitados
Construtor de sites gratuito
Carrinhos de compras
Bases de dados ilimitadas
Estatísticas

Quem abrir uma conta com a Just Host, tem um cupom para utilizar em publicidade e $75 de crédito de anúncios Google, Yahoo e Miva

Comfiaça da Just Host

Eles garantem 99,9% de uptime para os seus clientes, operando um data center de elevada capacidade, com load balancing entre servidores para o caso de falhas. Desta forma, garantem a continuidade de negócio durante todo o ano. A Just Host tem inclusivamente um serviço de monitorização próprio, que denominou por Just Uptime.

Se decidir hospedar na Justhost, saiba que o sistema deles não perdem nenhum negócio se você tentar sair so cadastro vai ganhar desconto, e de vez enquado eles me oferecem desconto de até 50% para oferecer aos meus amigos.

Download feed submitter 4.0 cadastre seus feeds nos diretórios de blogs de modo semi automático

2010-05-23T19:25:00.001-03:00

É sabido que existem diversos agregadores ou indexadores de feed e diretórios de blogs na internet, só que pode parecer complicado preencher vários formulários para cadastrar seu blogs nesse diretórios, então o objetivo do Feed Submitter da submitsuite é facilitar sua vida, permitindo que você possa cadastrar seus blogs e feeds nesse diretórios de modo quase automático, o que tens é só que preencher as informações de seus blogs e escolher onde quer cadastrar e ele faz quase todo o resto.

Feed Submitter é uma ferramenta semi-automática para facilitar a promoção de feeds e blogs. Com esse software, você nunca terá que procurar lugares para colocar os seus feeds RSS para receber o tráfego e assinantes para o seu blog. O Feed Submitter é uma ferramenta que permite, a você enviar vários RSS feeds de uma vez com facilidade, sem limite sobre o número de feeds que você pode submeter. Com muitos leitores do blog seguinte posts através de feeds RSS, a construção de assinantes RSS é importante. Esses assinantes podem trazer blogs e outros sites um monte de tráfego por meio de visitas repetidas. O que você pode fazer para encontrar novos assinantes para seu RSS feed procura blogs para seguir em seu nicho? Tendo o seu feed RSS do blog incluídos nos principais diretórios blog e feeds da internet você pode encontrar novos potenciais assinantes enquanto eles navegam nos blogs sobre seus assuntos preferidos.

Tela do programa Feed Submitter 4.0

Algumas características Feed Submitter

Rápido, submissão semi-automático(incluindo 25 opções totalmente automáticas; opções semi-automática geralmente requerem que o usuário faça nada mais do que clicar no botão "enviar")
submissão a + de 200 + bancos de dados RSS e Diretórios de Blog para vários perfis de utilizador,
Preenchimento automático de campos de formulários durante o envio
Possibilidade de enviar um número ilimitado de feeds RSS
capacidade de escolher entre a submissão automática e manual
Possiblidade de criação de relatório de envio, no caso de você estar enviando o feed pra alguém

Essa é uma versão completa válida por 14 dias, se você tem interesse de enviar apenas o feed de seu(s) blog(s) é tempo suficiente.

O uso do software é bem intuitivo e em pouco tempo você conseguirá promover seus blogs / feeds

Download Feed Submitter

Adicionar um domínio personalizado ao blogger ao invés de subdomínio.blogspot.com

2010-05-10T18:35:00.001-03:00

Ter um domínio próprio tem várias vantagens para quem quer te um blog de sucesso no blogspot

Domínio personalizado é um domínio que é seu, ao invés de um subdomínio de blogspot, exemplo aui uso blogafacil.com antes era h5templates.blogspot.com.

Algumas vantagens de ser ter um domínio próprio:

É muito barato algo em torno de 10 dólares ou 30 reais para domínios .br, isso por ano;
Já que não vai ter custo com hospedagem, que fica a cargo do Blogger o único custo anual será do domínio;
Pode comprar domínios internacionais via Paypal, ou nacionais no boleto bancário;
Se quiser sair do blogger conservará seu Pagerank;
O domínio é seu você pode levar seu blog pra onde quiser, ao contrário do Blogspot;
Caso queira mudar para Wordpress, poderá manter suas urls intactas;
Depois de configurado o próprio blogger vai redirecionar seus visitantes automaticamente pro novo endereço;
Você pode ter começado seu blog como uma brincadeira, mais e dai se ele conseguiu fama, algum espertinho pode ir na sua frente e registrar o nome que você escolheu para seu blog, e quem chegou primeiro e pagou é o dono, desse modo ele pode ganhar vistas as suas custas.
Seu blog com nome próprio fica com aspecto mais profissional

como adicionar um domínio personalizado ao blogger

Primeiro você tem que registrar um domínio, sugiro que escolha um bom nome para seu blog, dedique um bom tempinho pra fazer isso, para comprar e registrar um domínio para seu blog, existem várias empresas que prestam esse tipo de serviço, se for escolher um registro .br sugiro que compre direto do registro.br, embora o uol e a locaweb também estejam autorizados a registrar domínios .br.

Para domínios internacionais .com . net .info .org e outros, você deve encontrar empresas certificadas pela ICANN a registrar domínios. A ICANN é responsável pela coordenação global do sistema de identificadores exclusivos da Internet.

Pode registrar o seu domínio internacional em empresas como Godaddy, Name.com, UOL Host, entre outros no site da ICANN tem a lista completa por país.

O próximo artigo será como configurar um domínio personalizado no blogger

Adicionar widget Google talk (Gtalk) ao blogger

2010-04-17T02:40:00.003-03:00

Parece um dica meio antiga, mais por que não adicionar a Gadget do Gtalk ao seu blog! Assim permitirá que você possa enviar mensagens instantâneas, transferir arquivos, fazer chamadas de voz (para outros usuários do Google Talk ) e deixar mensagens de voz. Bem como também seus usuários poderão no seu blog utilizar o Gtalk, basta que estejam logados na Google account. Pode se interessante para responder dúvidas que não podem ser sanadas nos comentários. Assim não precisa sair do seu blog e nem instalar o gtalk no seu pc.

Com esse widget do poderá ter todos os recursos do plugin Gtalk no seu blog, como vídeo chamada, chamada por voz.
Para adicionar é simples basta clicar no botão abaixo e abrirá um nova janela onde você escolha em qual blog quer instalar!

Pronto terá o plugin do gtalk no seu blogspot

Widget top Comentador para o Blogger - por bloggerplugins

2010-04-17T02:07:00.001-03:00

A Widget Top comentadores é um modo de incentivar os leitores a deixar comentários úteis sobre o seu blog. Essa widget para blogger irá mostrar uma lista de seus top comentadores. Instalei ela aqui no blog como forma de incentivar os comentários.

Como instalar o widget Top Comentador para o Blogger

Basta usar qualquer um dos instaladores Widget fornecidas no site bloggerplugins. São duas uma que mostra os mais comentadores entre os últimos 500 e outra que mostra os top comentadores entre os últimos 5000 comentários.

É muito simples de se fazer, escolha qual modelo você quer:

1) Widget baseada nos últimos 500 comentários recentes, o top comentadores será dos últimos 500 comentários de seu blog.

2) Widget baseada nos últimos 5000 comentários recentes, o top comentadores será dos últimos 5000 comentários de seu blog. Essa widget só se faz necessária se seu blog tem muito comentários, caso contrário use com 500 mesmo.

Segundo o autor é recomendável usar o top 500.

Na janela que abrir como no exemplo ai de cima. em widget title coloque seu título (pode ser top comentadores), em blog url coloque a url de seu blog (em lugar de www.bloggerplugins.org), Você também deve e pode alterar o número de comentários que irão aparecer e adicionar filtros de nomes que não apareceram na lista, pode adicionar usando vírgulas, assim seu nome não aprece quando responder um comentário. Caso contrário você será o top o dos tops rsss!

Tudo configurado clique em Customize e depois em Add Widget To My Blog, será aberto uma janela de instalação de widget padrão do blogger, escolha em qual blog quer instalar e pronto.

Essa widget pertence ao bloggerplugins e está disponível em inglês em top-commentators-widget-for-blogger

Adicionar botão Orkut Sare element (promova) em cada postagens de seu blog

2010-03-08T18:24:00.001-03:00

O orkut Promova permite que você e seus amigos compartilhem vídeos do YouTube, fotos ou textos, assim vocês podem facilmente espalhar um vídeo engraçado, uma foto legal, ou um evento que está chegando. Você pode repassar as promoções de seus amigos, e eles podem repassar as suas, assim a informação que está sendo promovida pode se espalhar pelo orkut.

Então como tem muita gente no Orkut! Porque não facilitar a vida de seus leitores e adicionar o botão do Orkut promova em cada postagem de seu blog.

Esse botão permite que seus usuários façam promovam suas postagens com facilidade no Orkut.

1) Faça login na sua conta do blogger e navegue até Layout > Editar HTML e selecione Expandir modelos de widgets

2) Agora procure a seguinte linha em seu template

<"post-header-line-1">

3) Adicione o código logo depois dessa linha

Orkut button promove tamanho normal

<!-- Google Orkut Share Element -->
<div id="orkut_share" style="width:100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">   google.load('orkut.share&#39;, &#39;1&#39;);   google.setOnLoadCallback(function(){     new google.orkut.share.Button({       style:google.orkut.share.Button.STYLE_REGULAR     }).draw(&#39;orkut_share&#39;);   }, true);
</script>

Orkut button promove tamanho mini

<!-- Google Orkut Share Element -->
<div id="orkut_share" style="width:100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">   google.load('orkut.share&#39;, &#39;1&#39;);   google.setOnLoadCallback(function(){     new google.orkut.share.Button({       style:google.orkut.share.Button.STYLE_MINI     }).draw(&#39;orkut_share&#39;);   }, true);
</script>

4) Se você não encontrar esse código em template então procure por:

<data:post.body/>

5) E adicione o código do orkut button imediatamente antes desse.

6) clique em salvar seu modelo

Pronto ai terá Orkut promova button, em cada postagem de seu blog

Exemplo quando a pessoa clicar no seu botão, a ferramenta vai capturar o título, a descrição e as imagens de sua postagem.

Adicionar postagens recentes com miniatura para blogger

2010-03-08T16:33:00.001-03:00

Esse widget permite que seus leitores encontrem as últimas postagens com facilidade, já tinha falado aqui de como adicionar um widget de postagens com miniatura usando feed com o título da postagem. Mais sabemos que com uma imagem podemos chamar mais atenção do leitor e aumentar a navegabilidade pelo blog.

Configurações da Widget que podem ser personalizada

Alterar Tírulo.
Controle altura da widget.
Mude A URL do feed, você pode pegar os posts de outro blog
Miniaturas do post
Mostra um resumo da postagem
Ajusta qual tamanho desse resumo
Mostra a data da postagem
Apresentar o qauntidade de comentários
Vem com link read more (leia mais)
Apresentar um separador entre cada artigo

fica fácil adicionar essa widget, já que só precisa instalar, assim fica fácil até mesmo pra quem não quer mexer com códigos

Para adicionar faça login na sua conta do blogger, clique em Layout, escolha um espaço onde queira adicionar gadget, na página que abrir use o sistema de busca e procure por “recent posts with thumbnails”,

Em seguida você via encontrar esse página

Clique nesse sinal de + para adicionar ao template de seu blog

Na próxima tela você vai configurar sua gadget de postagens relacionadas com miniaturas, lembre que depois você pode voltar e fazer alterações

Faça as modificações necessárias, visualize como está ficando e salve

Pronto agora terá um gadget de posts relacionados com miniaturas em cada página de seu blog

Como adicionar Digg buttons para suas postagens no blogger

2010-03-08T01:20:00.001-03:00

Continuando a seqüencia sobre botões de redes sociais de compartilhamento de notícias, hoje adiciono o botão do Digg,

Digg - é um site norte-americano que reúne links para notícias, podcasts e videos enviados pelos próprios usuários e avaliados pelos mesmos. Combina social bookmarks, blog e feed. É muito popular de forma que as notícias mais aclamadas pela comunidade chegam a alcançar mais de 1000 votos (diggs). Faz parte da rede de sites pertencentes a Web 2.0. Suas notícias estão distribuídas em basicamente 6 categorias: Technology, Science, World & Business, Sports, Entertainment e Gaming.

Mesmo sendo em inglês você não pode deixar de enviar suas notícias, ou facilitar a vida de seu usuários com botão para deixar a postagem a um clique.

Esse botão permite que seus usuários façam “digg it” de suas postagens e ao mesmo tempo conta quantas vezes seu artigo foi ‘diggado”.

1) Faça login na sua conta do blogger e navegue até Layout > Editar HTML e selecione Expandir modelos de widgets

2) Agora procure a seguinte linha em seu template

<"post-header-line-1">

3) Adicione o código logo depois dessa linha

<!—Digg código por www.blogafacil.com -->
<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
digg_url = '<data:post.url/>';
</script>
<script src='http://digg.com/tools/diggthis.js' type='text/javascript'/>
</div>
<!-- Digg code termina aqui-->

4) Se você não encontrar esse código em template então procure por:

<data:post.body/>

E adicione o código do Digg imediatamente antes desse.

5) clique em salvar seu modelo

Pronto ai terá Digg button, em cada postagem de seu blog

Blogafacil homenagem ao dia internacional da mulher

2010-03-07T23:26:00.001-03:00

Nesse dia 08 de Março eu Toni, autor do blog blogafacil, gostaria de homenagear a todas as mulheres blogueiras, que acompanha o blogafacil.

Não mulher estereotipada, pala mídia brasileira, aliás não são produto de consumo (Já devem ter ouvido falar “a típica mulher brasileira”)… como já quiseram colocar… Mais lembrem se, suas conquistas foram através de lutas, então não se contentem, continuem a lutar para proteger seus direitos e partir em busca de novas conquistas…

Esse dia, é momento de pensar, o que pode melhorar no seu mundo mulher! E não dia para empresas fazerem homenagem querendo vender coisas!!!!

Porque seu salário está abaixo da média dos homens mesmo em cargos idênticos? porque mesmo com a lei Maria da Penha, mulheres continuam sendo maltratadas? Denunciem, exijam respeito, para que a lei seja cumprida, crie coragem, busque saída, peça ajuda! Mão permita que te maltratem!

Você é especial mulher… Não frágil… Mais forte para fazer valer seu direito sagrado de ser mulher… Seja qual for suas escolhas… O que vale é que tens liberdade para seguir seus caminhos…

Um abraço do amigo Toni

Saiba mais sobre o dia internacional da mulher

Site da agência Patrícia Galvão pelos direitos das mulheres

A Agência Patrícia Galvão é uma iniciativa do Instituto Patrícia Galvão, criada em 2009 para atuar na produção de notícias e conteúdos sobre os direitos das mulheres brasileiras.

PARA MULHERES
-Camille Claudel-

Sempre se lembre que a pele se enruga...
o cabelo se torna branco,
os dias se transformam em anos
Mas o importante não muda
Tua força e tua segurança não têm idade.
Teu espírito é o espanador
de qualquer teia de aranha...
Atrás de cada linha de chegada,
há uma de partida
Atrás de cada engano,
há outro desafio...
Enquanto estiveres viva,
sinta-se viva
Se fizestes algo diferente,
volte a fazê-lo
Não vivas de fotos amareladas
Segue em frente ainda que todos
esperem que desistas...
Não deixes que se oxide
o ferro que existe em ti
Faz que, em vez de pena,
tenham respeito por ti...
Quando, devido à idade não possas correr,
ande depressa...
Quando não possas andar depressa,
caminha...
Quando não possas caminhar,
usa a bengala...
Mas não pares nunca!

Como adicionar o botão Facebook Share Count para Blogger

2010-03-05T17:54:00.001-03:00

Facebook é uma rede social com muito usuários no Brasil, e oficialmente introduziu botões de Retweet para blogs e sites. Estes botões parecem muito semelhantes aos botões Retweet por Tweetmeme. O Facebook tem 5 estilos de compartilhamento de botões. Vamos ver dois deles.
Adicionando um botão Facebook, irá mostrar quantas vezes seu artigo foi compartilhado no Facebook. Além de permitir que seus leitores compartilhem seus artigos com a facilidade de um clique.

Botão Facebook Share estilo 1

Esse botão vai ficar alinhado a esquerda de seu texto

Código para Facebook Share Button Style 1

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Botão Facebook Share estilo 2

Esse botão vai ficar alinhado a direita de seu texto

Código para Facebook Share Button Style 2

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Botão Facebook Share compact estilo 1

Esse botão vai ficar alinhado a esquerda de seu texto

Código para Facebook Share Compact Button Style 1

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Botão Facebook Share compact estilo 2

Esse botão vai ficar alinhado a direita de seu texto

Código para Facebook Share Compact Button Style 2

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Como instalar Facebook Share Count Button no seu blog?

1) Faça login na sua conta do blogger e navegue até Layout > Editar HTML e selecione Expandir modelos de widgets

2) Agora procure a seguinte linha em seu template

<post-header-line-1>

3) Adicione o código logo depois dessa linha

4) Se você não encontrar esse código no seu template então procure por:

<data:post.body/>

E adicione o código do Facebook Share Count Button imediatamente antes desse.

Se você achou esse artigo útil considere promove-lo no facebook

Esse tutorial é baseado em How to install Facebook Share Count Button on your Blogger Blog by blogger plugins e adaptado por mim.

Como adicionar botão Retweet para Blogger em cada postagem

2010-03-05T17:14:00.001-03:00

Como adicionar botão Retweet para Blogger?

Twitter - O Twitter é um site de rede social gratuito que permite aos usuários enviar avisos curto com até 140 caracteres.

Retweet - Ele permite “retweettar” alguns tweets interessante ao clicar no botão Retweet . Pode atuar como um contador tweets para cada postagem.

Adicionando um botão retweet irá mostrar quantas vezes, seu post foi “Tweettado”, e também irá permitir que seus leitores faça retweet com a facilidade de um clique dos artigos de seu blog.

Retweet Botão estilo 1 alinhado a esquerda do texto

Esse botão irá ficar alinhado a esquerda do seu texto

Código para Retweet Botão estilo 1

<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'your_twitter_user_name';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

Retweet Button estilo 2 alinhado a direita do texto

Esse botão irá ficar alinhado a direta do seu texto

Código para Retweet Botão estilo 2 alinhado a direita do texto

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'your_twitter_user_name';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

Retweet Button estilo 3 compacto alinhado a esquerda do seu texto

Esse é um estilo compacto e ficará alinhado esquerda de seu texto

Código para Retweet Botão estilo 3

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'your_twitter_user_name';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

Como instalar o botão Retweet em seu blog?

1) Escolha um desse botões acima e copie o código correspondente para um arquivo de texto.

2) Agora no código substitua your_twitter_username com seu nome de usuário no twitter

3. Agora você vai adicionar o código retweet. Faça o login para Painel do Blogger e navegue até Layout > Editar Html e marque Expandir modelos de widgets

4) Procure por esta parte do código

<div class='post-header-line-1'/>

e imediatamente depois adicione o código (do arquivo de texto)

Se você não encontrar esse código em template então procure por:

<data:post.body/>

E adicione o código retweet (do arquivo de texto) imediatamente antes.

5) Salve seu template

Agora terá um botão retweet em cada artigo de seu blog.

Se você gostou desse artigo considere retweetar ele.

Additional Note: Como Verificar quantas vezes uma URL “retweetada”?

Para verificar To check the retweet count of any urquantas vezes uma URL “retweetada”, copie o código na barra de navegação de seu browser. http://api.tweetmeme.com/imagebutton.gif?url=http://twitter.com . Substitua http://twitter.com pela url que você quer ver quantas vez foi “retweetada”.

Esse tutorial é baseado em Retweet button by blogger plugins adaptado por mim.

Como adicionar número de páginas para navegação no blogger ao invés de postagens antigas e postagens recentes

2010-03-05T16:12:00.001-03:00

Page Navegation é um recurso incrível e muito aguardado. Você pode ter visto a navegação da página numerada em muitos blogs WordPress (wp-pagenavi por Lester Chan). Mohamed Rias especialista em blogger já havia desenvolvido um sistema de navegação de página para blogger. É realmente era um truque incrível que foi feito num momento em que ninguém podia sequer pensar em implementá-lo em blogger. no ínicio teve alguns pequenos bugs e agora Abu Farhan aperfeiçoou-o e ele já nos deu o solução. Nessa imagem abaixo você pode ter uma idéia do que se trata.

Quando você usar esse truque, você vai ver este tipo de navegação na página principal do blog e páginas de labels (pouca necessidades de personalização).

Implementação do Blogger Page Navigation via Widget

Quem não tem facilidade com edição de códigos pode usar o instalador, necessário pouca modificação, é só clicar na imagem abaixo e adicionar a widget normalmente.

Depois de instalar esse widget proceder á correção dos labels.

Implementação do Blogger Page Navigation via Edição do código de seu template

1) Faça o login para Painel do Blogger e navegue até Layout> Editar Html

2) Deixe desmarcado a opção ‘Expandir modelos de widgets

3) Agora procure por

]]></b:skin>

4) E substitua por

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
]]></b:skin>

Essa é a parte de css e define como ficará o look de sua navegação de página. Você pode modificar a vontade

4. O Próximo passo é a parte de Java script procure por

</body>

5) E substitua por

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Anterior&#39;;
var downPageWord =&#39;Próxima&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->
</body>

Como pode ver você modificar os parâmetros no código se for necessário

var pageCount=5;

Essa parte do código determina o número de postagens que será mostrado por página.

var displayPageNum=5; <

Essa parte do código determina o número de page navegation que será mostrado na

var upPageWord ='Anterior';
var downPageWord ='Próxima';

Essas duas linhas determina como o texto será mostrado para previous page e next page respectivamente. Altere ao seu gosto.

Label fix

Agora tem um problema. Por padrão, As páginas de label do Blogger mostra 20 postagens. Nós vamos ter que mudar isso para o valor que nós demos para o pageCount variável (ou as postagens por página). Para isso, terá de editar o modelo (template)

Vá para Layout >> Editar HTML e marque Expandir modelos de widgets

Agora procure por

'data:label.url'

(incluindo as aspas) e substitua por

'data:label.url + &quot;?&amp;max-results=5&quot;'

Aqui 5 é o número de postagens para serem mostrada por página.

Agora se você estiver usando label cloud widget by phydeaux3, então procure por:

a.href = &#39;/search/label/&#39;+encodeURIComponent(t);

E substitua por

a.href = &#39;/search/label/&#39;+encodeURIComponent(t)+&#39;?&amp;max-results=5&#39;;

Aqui 5 é o número de postagens para serem mostrada por página.

Agora você Blogger Page Navigation trabalhando perfeitamente em seu blog.

Esse tutorial é baseado nos códigos de Abu Farhan and Muhammad Rias. E adaptado por mim do blog Numbered Page Navigation For Blogger

Como mostrar avatar nos comentários do blogger

2010-03-05T14:53:00.001-03:00

Blogger agora como no wordpress está oficlamente dando suporte a avatar nos comentários do blog. Com isso os comentários ganharam um um novo visual, exibindo uma imagem do profile de quem está comentando. Então se agora o blog tem suporte a gravatar por que não adicionar ao template de seu blog.

Como implementar comentários com Avatar

1) Faça login na sua conta do blogger e navegue até Configurações > Comentários e habilite “Mostrar imagens de perfil nos comentários”

2) Agora se você tem template mormal do blogger você irá ver os avatars de quem comentou no seu .

3) Se você tem um template personalizado, você terá que modificar adicionando alguns códigos para fazer funcionar.

Vá para Layout >Edit HTML e faça backup de seu template. (Baixar modelo completo)

4) Clique em Expandir modelos de widgets e procure pela seguinte linha

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

5) Se no seu template você não encontrar, então procure pelo seguinte código

<dl id='comments-block'>

6) E substitua por

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

7) Agora procure pelo seguinte código

<a expr:name='data:comment.anchorName'/>

8) Substitua por:

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

Se quiser adicionar um avatar default para os comentaristas quem não tem um, então adicione o seguinte código antes de ]]></b:skin>

Você pode personalizar o CSS de acordo com suas necessidades.

Se quiser deixar seus avatares maiores ao invés do tamanho padrão do blogger, use o seguinte css para fazer isso.

.avatar-image-container{width:50px;height:50px;margin-top:-5px;} .avatar-image-container img {background:url(<a href="http://3.bp.blogspot.com/_u4gySN2ZgqE/SrSUS1YpxwI/AAAAAAAAAv4/DihiWlWRxQs/s400/grav.png%29;width:50px;height:50px">http://3.bp.blogspot.com/_u4gySN2ZgqE/SrSUS1YpxwI/AAAAAAAAAv4/DihiWlWRxQs/s400/grav.png);width:50px;height:50px</a>;}

Cuidado ao estipular um avatar muito grande, pois quando o autor do comentário não tem um avatar no seu profile é mostrado o favicon da url, que se trata de uma Imagem de pequena dimensão. Para configurar seu Gravatar, vá Painel >> Editar seu perfil e faça upload de uma nova imagem.

Adicionando botão do Dihitt em cada postagem do blogger

2010-03-05T13:36:00.001-03:00

O Dihitt é uma rede social que facilita a divulgação, leitura e publicação das notícias mais importantes e interessantes. Ponto de encontro de blogueiros, se ainda não participa recomendo que conheça.

Se quiser adicionar um botão de votação do Dihitt como eu fiz aqui no blogafacil, siga os passos abaixo

1) Faça login na sua conta do blogger e navegue até Layout > Editar HTML e selecione Expandir modelos de widgets

2) Agora procure a seguinte linha em seu template

<"post-header-line-1">

3) Adicione o código logo depois dessa linha

Botão grande

código

<span style='float:left'><script type="text/javascript" expr:src='"http://widget.dihitt.com.br/button?size=big&amp;=0&amp;ref=64621&amp;url=" + data:post.url + "&amp;title=" + data:post.title'></script></span>

Botão compacto

código

<span style='float:left'><script type="text/javascript" expr:src='"http://widget.dihitt.com.br/button?size=med&amp;=0&amp;ref=64621&amp;url=" + data:post.url + "&amp;title=" + data:post.title'></script></span>

Botão micro

código

<span style='float:left'><script type="text/javascript" expr:src='"http://widget.dihitt.com.br/button?size=micro&amp;=0&amp;ref=64621&amp;url=" + data:post.url + "&amp;title=" + data:post.title'></script></span>

4) Se você não encontrar esse código em template então procure por:

<data:post.body/>

E adicione o código do Dihitt imediatamente antes desse.

Como adicionar botão Google Buzz para o blogger

2010-03-05T13:13:00.001-03:00

O Google Buzz, uma rede social que integra diversos serviços de outras redes como Flickr, Picasa, Youtube, feeds de RSS e claro, Twitter,

O Google Buzz é uma nova maneira de compartilhar suas atualizações, fotos, vídeos e mais, além de iniciar conversas sobre os assuntos que interessam a você. O Google Buzz está embutido no Gmail (site em inglês), então, você não precisa refazer o mapa da sua rede social. Ele simplesmente funciona. Se você parar para pensar, sempre existiu um mapa por baixo do Gmail. O Google Buzz trouxe esta rede para a superfície, porque ele se configura automaticamente para que você siga as pessoas com as quais você mais conversa e troca e-mails.

Para adicionar o botão da do Buzz em cada página de postagem faça o seguinte:

1) Faça login na sua conta do blogger e navegue até Layout > Editar HTML e selecione Expandir modelos de widgets.

2) Copie o código do Google Buzz. Se quiser utilizar outra imagem como botão do google Buzz é só trocar a url da imagem [http://i48.tinypic.com/idyc04.png].

3)Agora procure a seguinte linha em seu template

<div class="post-header-line-1">

4) Adcione o código logo depois dessa linha

<div style="float:right;padding:4px;">
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='http://i48.tinypic.com/idyc04.png' style='border:0px;'/></a>
</div>

5) clique em salvar modelo e veja os resultados. 6)Se não encontrar a linha de código que falei, então procure pela ocorrência de <data:post.body/>.

Colocando leia mais para resumo das postagens no blogger

2010-03-05T03:52:00.001-03:00

Se você quer colocar resumo das postagens na página inicial e nas páginas de arquivos do blogger. Isso tem algumas vantagens pode aumentar a navegabilidade do leitor pelo seu blog, vai ficar menor as páginas inicial e de arquivos, se suas páginas de arquivos estiverem sendo indexadas pelos buscadores, seu blog pode ser punido por conteúdo duplicado, já que tem o mesmo conteúdo em mais de uma página!

Com esse método todas suas páginas serão resumidas automaticamente, não sendo necessário inserir códigos em cada postagem.

Vá em Layout Editar HTML clique em baixar modelo completo para que se alguma coisa der errado você poder recuperar seu template.

Vá em Layout Editar HTML Adicione o seguinte o código abaixo antes de </head>.

<script type='text/javascript'>
summary_noimg = 400; // Tamanho do resumo do texto sem imagem
summary_img = 350; // Tamanho do resumo do texto com imagem
img_thumb_height = 100; //altura da miniatura
img_thumb_width = 100; // largura da miniatura
</script></pre><script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){ 
	if(strx.indexOf("<")!=-1)
	{
		var s = strx.split("<"); 
		for(var i=0;i<s.length;i++){ 
			if(s[i].indexOf(">")!=-1){ 
				s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
			} 
		} 
		strx =  s.join(""); 
	}
	chop = (chop < strx.length-1) ? chop : strx.length-2; 
	while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
	strx = strx.substring(0,chop-1); 
	return strx+'...'; 
}

function createSummaryAndThumb(pID){
	var div = document.getElementById(pID);
	var imgtag = "";
	var img = div.getElementsByTagName("img");
	var summ = summary_noimg;
	if(img.length>=1) {	
		imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
		summ = summary_img;
	}
	
	var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
	div.innerHTML = summary;
}
//]]>
</script>

Clique em Salvar Modelo.

Vá em Layout Editar HTML clique em expandir modelo de widget e procure por <data:post.body/> .

Substitua pelo código abaixo e clique em salvar modelo.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<div style='float:right'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;Leia Mais</a>
</div>
</b:if>

Download Rebel Magazine Blogger Template

2010-03-04T18:40:00.001-03:00

É um template com 2 colunas, posts resumíveis na página inicial, claro limpo, funciona na maioria dos navegadores.

DEMO | DOWNLOAD

Download Blogger Template-Magazine Template R.1

2010-03-04T18:19:00.001-03:00

Esse template é chamado de Magazine Template R.1 desenvolvido por Kang Rohman.

DEMO | DOWNLOAD

As características desse template são

Real Blogger Magazine Style Template.
Header ads banner ready ( 468 X 60 ads banner )
Navegação full
comentários do administrador são diferentes (Admin’s comment highlighting)
Carousel Viewer

Configurações

3 colunas template
cores padrão: Branco e azul
Template width: 920 pixels
Testado nos browsers: Internet Explorer 7, Firefox 3.0.7, Opera 9.63, Navigator 9.0.0.6, Flock 1.2.3, Safari 3.1.2

Download Mosaicus Blogspot Template

2010-03-03T18:35:00.001-03:00

Usando esse modelo de template de galeria criado por Dante Araújo, você pode mostrar as suas fotografias e imagens melhor. As páginas de index e arquivos iram mostrar apenas um snapshot da imagem inserida na postagem.

O template usa Jquery para mostrar as miniaturas na página inicial.

O autor Dante sempre criando templates premium totalmente gratuitos.

Aproveite este template para blogger minimalista, branco e limpo para o seu weblog.

Demo | Download

Vídeo de configurações básicas do Adsense para iniciantes

2010-03-03T18:22:00.001-03:00

Vídeo criado pela equipe do Google Adsense para orientar quem está começando a utilizar o sistema de anúncios adsense

Se sua conta foi aprovada e está começando a usar o sistema, assista esse vídeo e saiba como configurar sua conta e monetizar seu site de maneira adequada, videos com boas dicas de como usar os blocos de anúncio, criar critério e outras funções para sua conta. Assim saberá desde o inicio como obter bom desempenho de seus blocos de anúncio e ganhar com com seu blog!

Browser size Adsense lançou mais uma ferramenta pensando na otimização

2010-03-03T18:06:00.001-03:00

Pensando na otimização. O Google lançou uma ferramenta Browser Size que permite aos editores saberem quanto de seu site está "acima da dobra", ou seja, quanto é visualizado na hora que o usuário chega em sua página, sem precisar scroll para baixo.

Como diferentes usuários usam diferentes resoluções de tela, a proporção do site "acima da dobra" é diferente para cada um. A nova ferramenta, denominada "Browser Size", fornece uma proporção de usuários usando cada resolução, permitindo ao editor concluir quais as partes constantemente "acima da dobra".

Essa ferramenta tem o objetivo de ajudar os editores a ajustarem o layout de sua página, de modo que os itens importantes, anúncios e outros componentes de maior relevância estejam em locais mais vantajosos, otimizando o seu site e consequentemente melhorando navegação e aumentando seus ganhos.
Então sabedores que os anúncios são melhores vistos quando são vistos pelos usuários logo quando entram no seu blog então com essa ferramenta você pode avaliar como seus anúncios estão posicionados...
Se estão bem visiveis... a velha história quem é visto é observado... já o que está oculto!
Ir para o site do Browser size

Download Comfy magazine style template for blogspot Blogger theme

2010-02-24T14:49:00.001-03:00

Comfy É um dos + populares temas para wordpress Há um espaço definido para colocar anúncios no header e na sidebar, você pode tmbaém colocar anúncios dentro de cada post.

Algumas funções do template Comfy magazine são:

SEO amigável: títulos dos post e do blog são pefomados para melho desempenho Seo.
Yahoo smiley’s antes do formulário de cpomentário : Com clique me um botão o visitante pode adicionar um smyleys
Tweetmeme button : Tweetmeme button Ajudará o leitor a twitar seu post com facilidade de um clique.
Navegação de página e botão leia mais: Como num tem para wordpress, Nós temos números de nevegação de página e botão leia mais em cada post. Isso torna o comfy template um ecelente tema para blogger.
Formulário de pesquisa integrado : Pesquisa no topo da página. Você pode substituir a pesquisa pela pesquisa personalizada adsense e aumentar seus ganhos.
Adspace : Banner no topo e na sidebar irá ajudar você a inserir anúncios com facilidade, e aumentar seus ganhos adsense ou qualquer outro sistema que possa utilizar em seu blog.

DEMO | DOWNLOAD

Qual fonte usar nos anúncios Adsense

2009-09-01T02:18:00.001-03:00

Qual fonte você deve escolher pra usar nos seus anúncios adsense

Os padrões da conta do adsense são Arial, Verdana e Times New Roman
Onde:
Arial - fonte sem serifa, bastante utilizada na internet
Verdana - Fonte sem serifa muito utilizada em textos na web
Times New Roman - fonte com serifa, muita usada em textos no papel
Quanto ao tipo usar nos anúncios, é importante que você adapte a fonte ao texto de suas páginas.
E agora que pode utilizar outros temanho de fonte além do padrão, eu reocmendaria usar fontes no maior tamanho
Só que isso depende de cada caso, assim faça testes e encontra qual tipo de fonte pode trazer melhores resultados
Segundo o blog do Adsense a fonte padrão será distribuída da seguinte maneira:

Arial: 728x90, 336x280, 120x600, 120x240
Verdana: 300x250, 160x600, 468x60, 250x250, 234x60, 125x125, 180x150
Times New Roman: 200x200

Essas são as fontes de melhor desempenho em cada bloco de anúncio.

De qualquer maneira o importante é testar e encontrar a fonte ideal pra você, o bom é ter essa opção de escolher tipos e tamanhos de fontes diferentes. Assim encontrar o melhor ponto de otimização de seu site

Ganhe um cupom de R$ 100 para testar o AdWords

2009-09-01T02:02:00.001-03:00

Isso mesmo saiu no blog do adsense, como no inicio do ano, agora voltou a promoção, são 100 reais pra você testar o Google Adwords.

Se você já usa o Adsense, agora tem uma oportunidade de testar o adwords e verificar como funciona o sistema pelo outro lado o de anunciante.

Existem algumas regras.

O crédito promocional no valor de R$ 100 sofrerá uma dedução de R$ 20,00, correspondente à taxa de ativação. Optando pela forma de pagamento boleto bancário, a ativação deste cupom ocorrerá apenas após o pagamento do primeiro boleto no valor mínimo de R$ 40,00.

Lembre-se que, para poder usar esse crédito, você deve atender aos seguintes critérios:

Ter uma conta do AdSense ativa
Estar localizado no Brasil
Não possuir uma conta no AdWords - o crédito só é válido para contas novas
Ser proprietário do site que pretende anunciar no Google

Para se cadastrar basta preencher este formulário.

Baixar Template Guitar Pink

2009-08-06T00:49:00.001-03:00

Download tema para blogspot rosa, ideal pra blog feminino

Template para blogger na cor rosa ideal para blogger com tema feminino, todo rosa como as meninas gostam rss. Tema com 3 colunas, sidebar à direita, com duas colunas, pronto para widgets, prontos para adsense, com espaço definido para seus banners, ads ready. Com estilo musical, menu de navegação e imagem do header costumizável.

Lembre-se de fazer backup de seu template antigo e use um blog de teste primeiro. Copie todas imagens do template e coloque numa hospedagem própria assim não terá surpresas com seu novo tema do blogger