Templates Para Blogger

Form de comentários abaixo do post no blogger? SIM! Igual ao Wordpress!
terça-feira, 23 de outubro de 2007

Olá!
Hoje eu estava navegando na internet procurando alguns templates para favoritar (e converter depois), quando o oráculo (vulgo Google) me mostrou um HACK magnífico para blogger: Formulário de Comentários no post, sem pop-up nem nova página, bem ao estilo WordPress!
Resolvi experimentar, gostei, então estou aqui traduzindo para vocês :-)

Sabemos que para comentar no blogger/blogspot, o visitante é direcionado a uma nova página ou a um pop-up. Isso é um pouco ruim, a pop-up não é bem visualizada em alguns navegadores (no Firefox ela sempre aparece incompleta) e a nova página desestimula o comentário.
E nós, blogueiros, gostamos dos comentários não é mesmo? Eu gosto, apesar de nunca ter muito tempo para responder a todos.

Sabemos também que no WordPress, o formulário para comentários está logo ali, abaixo dos posts, facilitando a re-leitura do texto para que o visitante formule sua pergunta ou mesmo resposta ao post.
Muitos se perguntam: como ter um formulário de comentários no blogger, um formulário igual ao do WordPress? Será possível?

Sim! No novo blogger Agora é possível!

Por favor, FAÇA BACKUP DO TEU TEMPLATE antes de qualquer alteração.
Vá até a configuração do teu blogger, na aba Comentários, e se certifique de que a opção Mostrar comentários em uma janela pop-up esteja selecionada.
Grau de dificuldade: MÉDIO, desejável intimidade com html.

Preparado?
Então vamos começar a brincadeira:

1. Vá até seu Painel do blogger - > Aba MODELO - > Editar HTML;
2. marque a caixa Expandir modelos de Widgets;
3. Procure pelo código abaixo:

<b:includable id='comments' var='post'><div class='comments' id='comments'><a name='comments'/><b:if cond='data:post.allowComments'><h4><b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:<b:else/><data:post.numComments/> <data:commentLabelPlural/>:</b:if></h4><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><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><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><p class='comment-footer'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></p></b:if><div id='backlinks-container'><div expr:id='data:widget.instanceId + "_backlinks-container"'><b:if cond='data:post.showBacklinks'><b:include data='post' name='backlinks'/></b:if></div></div></div></b:includable>

4. Substitua todo esse código pelo novo código a seguir:
http://templatesforyou.googlepages.com/CommentForm-blogger.txt (clique em salvar destino como com o direito do mouse).

5. Copie todo o código HTML abaixo e cole acima da tag </body>. Normalmente é a penúltima linha no teu template. (Se o seu blog já é meio pesado, pode colocar antes da tag <body>):

6. Procure no teu template por esse código:

7. Substitua pelo código a seguir:

8. Depois de fazer o passo 7, diga obrigado prá mim :-P (pode dizer ao jackbook.com :-D )
9. Agora clique em Salvar Modelo.
10. Olhe seu blog: agora, ele tem um sistema de comentários abaixo do post :-)

Atenção!

O blogger possui duas formas de comentários: abrindo em nova página e em pop-up. Para usar esse hack, precisa configurar seu blogger para comentários pop-up. É preciso ter atenção especial quanto a isso.

Com os comentários em pop-up, na página do post os comentários vão aparecer primeiro e lá embaixo aparecerá a caixa para comentar.
Com os comentários em página inteira, os comentários aparecerão à esquerda e a caixa de comentário ficará escondida à direita, e o visitante precisará rolar a barrinha para comentar.
De toda forma, você pode experimentar as duas formas e ver qual prefere.

Espero que gostem!
Dica garimpada do blog JackBook http://www.jackbook.com/2007/06/how-to-make-readers-leave-comment.html

às 02:07 | 22 comentários(ler) | Enviar comentário |

Categorias: Novo Blogger, tutoriais, Widgets

She's got Style - xml template "cute" para novo blogger
domingo, 21 de outubro de 2007

A minha amiga Cláudya me cobrou nos comentários de um post passado para que eu convertesse um tema mais "fashion", mais feminino.
Ela me passou uma listinha, e desses, escolhi o She's Got Style como primeiro.
Achei esse tema lindo, bem diferente de tudo que eu havia convertido até então.

O que achei legal é o fato dele ser não somente feminino, mas também por lembrar um pouco os templates antigos de blogs... um template cute, template bonitinho, bem ao estilo Hello Kitty de ser... quase "miguxo"!

Cláudya amiga, foi muito gostoso fazer esse trabalho! Depois escolherei outros!

Template em duas colunas, desenvolvido originalmente para WordPress por Grab a Theme sobre desenho de Sweet Melancholy e agora convertido para a nova versão do blogger por mim :-).

A imagem do fundo é fixa, mesmo que teu blog tenha muitas postagens na página inicial, essa simpática garota sempre estará em evidência.

100% Layout

Tema totalmente compatível com o blogger beta, você não precisa saber códigos HTML para poder usar esse tema.

* Para adicionar widgets e outras coisas na barra lateral, basta adicionar elementos na guia Elementos de Página.

Clique na imagem ou aqui e veja o template instalado.

Download:

She'sGotStyle-xml
PS:Ah! A Cláudya está com uma dica quente no blog dela, sobre tradutores para blogs. Quer ver? Clica aqui então!

às 23:44 | 4 comentários(ler) | Enviar comentário |

Categorias: 2 Colunas, Novo Blogger, XML

Mind Break para blogger, novo tema convertido.
sábado, 20 de outubro de 2007

Atendendo a pedidos: Tema Mind Break, para blogger.

Template desenhado e desenvolvido por ItsNature, agora convertido para o novo blogger beta.
Tema de design elegante, em alusão ao design Vista.
Gostou do tema? pegue o seu, mas não se esqueça de manter os créditos do rodapé.

100% Layout

Template totalmente compatível com o novo blogger beta, você não precisa mexer no código do template para adicionar e remover widgets e outras perfumarias.
O menu de navegação no topo é editável também através do painel "Elementos de Página", simples e cômodo.

Clique na imagem ou aqui e veja o template instalado.

Download:

Mind Break-xml

às 02:50 | 9 comentários(ler) | Enviar comentário |

Categorias: 3 colunas, Novo Blogger, XML

AdSense for Mobile: Como criar páginas para celular
quinta-feira, 11 de outubro de 2007

Olá!
Hoje eu tive uma surpresa ao entrar em meu painel do AdSense:
GoogleAdsense Celular.

Isso me levou ao seguinte pensamento: pôxa, e blogs para celulares, não seria uma boa idéia?

Aqui no Japão ao menos, o celular é disparado a preferência nacional para acesso à internet. As pessoas por aqui estão bem mais habituadas a navegar em sites pelo celular do que pelo computador, e apesar das pesquisas apontarem que os japoneses são um dos povos que mais blogam, no meu dia-a-dia vejo que a japonesada não está ainda tão confortável com os blogs.

Bom, mas vamos ao que interessa, como fazer um site para celular? Como deixar seu blog acessível via celular?

Navegando na internet, achei vários how to make mobile site's, muitos falando apenas "por cima" sobre o assunto, mas sem dar uma receita de bolo.

Eu já fiz o site mobile-version do meu outro blog, Burajiru!.
E vou colocar aqui o que achei sobre o assunto:

Para quem quer converter o blog já existente para uma versão MOBILE, uma boa é o serviço BUZZ BOOST do FeedBurner.
Para usar essa dica, você deverá ter ao mínimo um serviço de hospedagem grátis, pois não há como usar essa dica no Blogger.
Se você já tem o feedburner em teu blog, FAÇA UM NOVO FEED.
Vá em adicionar feeds, dê novamente o endereço de feed de seu site, e nomeie como Seublog-mobile (para diferenciar do feed normal).
Feed queimado, vá até a aba PUBLICIZE, e nela, em BUZZ BOOST.
Configure da forma que você deseja, escolhendo o total de artigos mostrados (eu escolhi 3, para celular está ótimo), se vai mostrar o artigo inteiro ou apenas o resumo (eu optei por mostrar completo), e se vai mostrar em html ou em texto (como eu posto fostos, eu escolhi html).

Ative o serviço, pegue o código gerado, copie e cole no bloco de notas. Nomeie esse arquivo como index.html.
Agora, você vai até sua hospedagem, e cria um novo site. pode ser mobile-seublog.domínio.com.
Envia o arquivo index.html para lá.
Agora, teste o seu novo blog acessando de um celular ou de um simulador.
Aqui tem um ótimo simulador, o OperaMini.

Para quem tem blog em WordPress, há ainda um plugin chamado WordPress Mobile Edition, com ele não há a necessidade de se criar uma nova página, o blog atual poderá ser acessado via celular e PDAs. O único problema é que como o desenvolvimento dele é um pouco recente, não é com todo o tema que ele é compatível (o plugin "quebra" alguns layouts e funções, dependendo do caso).

Mas e o Adsense para Celular?

Bom, para quem está no Brasil, só resta esperar pelo lançamento do Adsense for Mobile.
Sim, esse serviço ainda não está disponível no Brasil, mas apenas para editores dos seguintes países:

Austrália
China
França
Alemanha
Índia
Irlanda
Itália
Países Baixos
Rússia
Espanha
Reino Unido
Estados Unidos

Porém, quem sabe aparece aí prá vocês?
Afinal, eu não estou na China, estou no Japão, e para mim o programa já aparece. Aliás, já estou usando em minha página para celular :-)
Para quem quiser fazer uso do programa Adsense para celulares, é imprescindível ter uma hospedagem que suporte PHP, ASP ou CGI, pois não há como colocar o anúncio via javascript (os celulares não o suportam), então o código deve ser gerado do lado do servidor (server-side).

Se você não tem hospedagem própria e tampouco está preocupado em colocar propaganda em seu site para celular, tem algumas alternativas grátis para criação de um site mobile:
http://www.wirenode.com/
http://www.zinadoo.com/

Eles hospedam o site prá você, e fornecem um subdomínio gratuito. Tudo grátis.
Tem criador de páginas, tudo muito fácil e intuitivo, você não precisa saber códigos e programação para criar um mobile site com eles.
O único problema é que para fazer uma versão celular do seu blog, você deverá criar as páginas uma a uma, pois esses serviços não suportam importação.

Fiquei sabendo dessa novidade, e tinha que postar aqui para vocês.
Semana que vem tem template novo! aguardem!

às 02:39 | 4 comentários(ler) | Enviar comentário |

Categorias: celular, Novo Blogger, tutoriais, WordPress

Dicas: 12 Soluções Criativas Para Utilizar Melhor Seu Footer
sábado, 6 de outubro de 2007

Nospheratti traduziu a lista de dicas do Blog Herald e fez suas considerações sobre como aproveitar melhor essa parte tão esquecida, e de quebra desafogar as barras laterais.

Dica quentíssima, confiram no blog dela:
http://net-dinheiro.blogspot.com/2007 /10/12-solues-criativas-para-utilizar.html