Templates para Blogger

Olá!

Estamos atualizando a lista de membros do sistema troca-banners.

A seguir, a lista dos novos membros na modalidade 120 x 60 (botão):

O sistema está contando normalmente as visitas e visualizações de todos os botões, porém tive problemas com o banco de dados na parte de membros.
Eu era notificada sobre a inscrição de uns e de outros não, me deu um pouco de trabalho pois tive que resgatar a lista NA UNHA, via MySql.
Os usuários que acumularam mais de 1000 visualizações foram todos aprovados e já estão exibindo seus botões.
Peço desculpas pelo transtorno causado a todos.

Nota: apesar de terem ficado à espera de aprovação, todos foram juntando visualizações. Muitos dos sites acima contam com altos créditos!
Para quem se inscreveu no sitema de banners 468 x 90, aguarde: notei problema nesse sistema também, estarei atualizando diretamente no banco de dados nos próximos dias.

EDITADO: Como prometido, segue a lista com os novos membros no sistema de banner 468 x 90:

Blogs e sites eróticos, adultos e com capas de Playboy:

Estamos finalizando detalhes desse novo sistema, quem já se inscreveu nos sistemas atuais e acumulou créditos terá esses aproveitados no novo sistema.
Lembrando que os dois sistemas atuais não permitem sites com esse tipo de conteúdo, por isso eles não foram aprovados.

Quer participar você também de nosso sistema de troca banners, podendo ter seu banner sendo exibido em mais de 300 parceiros?
Acesse: http://www.temas.burajiru.blog.br/troca-banner

Olá!

O Bruno do http://ipadownloads.blogspot.com me avisou através dos comentários que as imagens dos temas do blogspot disponibilizados por mim não estão aparecendo.

Ainda hoje farei um pack das imagens, e deixarei aqui o link para download. Pode ser que a taxa de transmissão da minha conta tenha chegado no limite :-D, até porque não é somente os brasileiros que pegam meus temas, tem muito gringo usando também.

Desculpem o transtorno.

UPDATE:
Template corrigido, podem baixar novamente na página de downloads. Agora as imagens estão no site TINYPIC. Junto ao arquivo .zip eu anexei as imagens, para quem quiser hospedar por conta própria em um server gratuito, ficando assim livre do problema de limit bandwidth.

Aqui, postagem de Idealsoftblog, que disponibilizou as imagens para a correção: http://www.idealsoftblog.it/2008/12/blogger-template-mind-break-background.html

Thanks Idealsoftblog! Grazie amico! 
Obrigada ao Idealsoftblog por disponibilizar o pack, e pela dica de como capturar as imagens

Saiba como adicionar o formulário de comentários abaixo do post no Blogger, igual ao WordPress. Sem Hacks!

O Guilherme do Resto da Sobra me avisou sobre a novidade do Blogger e eu fui tardiamente pesquisar.
Agora sim: form de comentários abaixo do post, como no WP, original do Blogger! Finalmente a Equipe do Blogger resolveu ouvir os nossos pedidos.

Prontos prá começar a brincadeira?

Primeiro:
Para habilitar o formulário, você precisa acessar o painel do blogger pelo endereço-rascunho (draft): draft.blogger.com (não esqueça de assinalar a caixinha logo acima dos blogs, Tornar o Blogger em rascunho meu painel padrão.);

Segundo:
Vá até o painel do seu blog, em Configurações, e na aba Comentários. Assinale como abaixo:

Se você possui template original do Blogger (os que vêm por padrão no painel), já está tudo certo!

Mas…

Se você possui template personalizado, modificado, ou template de sites de terceiros (os desse blog aqui por exemplo), você precisará mexer no código de seu template. Mas não se preocupe, é apenas uma linha de código

Terceiro:
Ainda no painel do blogger, vá até a guia Layout, e em Editar HTML.
Marque a caixa: “Expandir modelos de Widgets”

Procure pelo código:
<b:include data='post' name='comments' />

Adicione logo após essa linha, o seguinte código:
<b:include data='post' name='comment-form'/>

Então salve seu template.
Esse é o método mais simples para se ter o formulário abaixo do post em templates personalizados / modificados.

O formulário não aparece?
- certifique-se de ter habilitado o formulário no painel de controle do blog;

Se mesmo assim o form ainda não aparece, há um outro método:

Método “plano B”:
- desfaça a alteração feita no código HTML feito anteriormente;
- agora, procure pelo seguinte código:
<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>
- substitua inteiramente pelo código a seguir:
<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>

- salve o template.

Não se esqueça de sempre fazer um back-up de seu template antes de tentar fazer qualquer modificação.

Fontes de leitura:
http://bloggerindraft.blogspot.com/2008/06/new-feature-embedded-comment-form.html
http://www.bloggerbuster.com/2008/06/how-to-add-comment-form-beneath-your.html

olá!

Nosso sistema troca-banners começou tímido, mas hoje é um sucesso!
Eu estava devendo a todos a lista dos parceiros.

Oito meses depois, e divulgo a primeira lista: na primeira tabela, parceiros com banner 468×60, e na segunda tabela os parceiros com banner 120×60.

///////

- Você fez o cadastro no sistema e não está vendo seu blog/site nas listas acima?

Os motivos podem ser entre os abaixo:
- seu blog/site não contabilizou visualização nenhuma do banner:
você inseriu o código do banner na sua página?
- seu blog/site teve menos de 30 visualizações:
precisamos de mais de 30 visualizações para aprovar o seu blog/site.
- seu blog é de conteúdo erótico:
aguarde mais um pouco, breve teremos sistema próprio para conteúdo adulto. As visualizações já geradas poderão ser aproveitadas no novo sistema.

Aproveito prá deixar aqui o meu agradecimento aos quase 150 blogueiros que acreditaram nessa iniciativa

Quer o banner de seu blog aparecendo em mais de 100 blogs/sites?
Sistema Troca-Banners

Aguarde - Carregando página

(calma! é apenas um .gif …. hehehehehe!)

Olá!

Um dos grandes problemas dos blogs hospedados no blogger/blogspot (alguns em WordPress também) é que com o tempo, eles vão ficando pesados, demorando cada vez mais para abrir a página.
As causas são variadas: pode ser um template mal planejado, pode ser um código CSS não otimizado, ou muitas widgets na sidebar, imagens com tamanho de arquivo grande, javascript, flash….

Tenha em mente uma coisa:
Ou o seu blog abre rápido mesmo em conexão discada,
Ou você pode deixar de ganhar leitores e tráfego. Isso se não perder os leitores já conquistados.

Quer testar o tempo de carregamento de página do seu blog/site? Vá até o site SpeedTester , digite a URL (endereço) do seu site/blog e o código de confirmação e clique em CHECK. Esse site gerará um pequeno relatório com o tempo de abertura de sua página em conexão discada (56k), ISDN (128k), UMTS, DSL (786k, banda larga normal no Brasil), T1 e T2 (conexões acima de 2 megas).
O ideal é que um blog abra em no máximo 6 segundos em conexão discada.
Mas o quê podemos fazer para que o blog (ou mesmo o site) fique mais rápido, com tempo menor de carregamento de página?

1. Otimize suas METATAGS:
   Use somente metatags importantes para indexação de seu blog. As realmente necessárias são as Metatag Title (nome do site), Description (descrição do site, é o que vai aparecer nas buscas pelo endereço do seu blog) e Keywords (palavras-chaves).
   Outras metatags importantes são as de verificação do Google e do Yahoo!, e a metatag robots;
2. Dê fim aos espaços em branco no código seu template:
   Pode parecer loucura, mas os espaços em branco do seu template consomem espaço no arquivo. Retirar os espaços em branco do código podem fazer seu blog/site abrir um pouco mais rápido.
   Se você ainda não é muito confortável com edição de códigos e tem medo de se perder, retire somente as linhas em branco. Deixe o código de seu template sem linhas em branco (sem “pular” linha).
3. Otimize o código CSS (style) do seu template:
   Além de limpar as linhas em branco, você pode “abreviar” o código de seu template. Nos sites CleanCSS e/ou CSSTweaks você pode otimizar seu código online, bastando copiar e colar o código em um dos sites, e mandar otimizar.
   Há opções para otimização simples - somente abreviatura de parâmetros, bom para iniciantes; otimização normal - deixa cada classe em uma única linha, bom para quem tem boa base em CSS e HTML; e otimização profunda - deixa tudo em uma única linha, se você não tem o costume de ter uma cópia de seus códigos no PC não recomendo, pois esse método torna difícil a localização das classes para edição futura.
4. Deixe os códigos em javascript em arquivos externos (fora do template):
   Ao invés de ficar adicionando códigos javascript na seção HEAD de seu template, adicione em páginas externas. Isso vai contribuir para que seu blog carregue mais rapidamente.
   Pegue o código javascript e cole no bloco de notas. Salve como “seu-javascript.js” Hospede esse arquivo em uma conta de sites (por exemplo, o GooglePages) e adicione o seguinte código na seção HEAD:
   <script language=”JavaScript” src=”http://seu-site-grátis.com/seu-javascript.js” type=”text/javascript”></script>
5. Se possível, deixe também o seu CSS em arquivo externo:
   Igualmente ao postado acima, pegue o teu código CSS e cole no bloco de notas. Salve como “seu-estilo.css“. Hospede esse arquivo em seu host free (ou seu googlepages) e adicione o seguinte código na seção HEAD:
   <link rel=”stylesheet” type=”text/css” href=”http://seu-site-grátis.com/seu-estilo.css” />
6. TABLELESS
   Já ouviu falar em tableless? Se não, preste atenção com carinho: tableless significa não mais usar tabelas para construir um template. Chega de TABLE, TR, TD. Essas tabela geram um enorme espaço em branco no html e fazem qualquer site carregar mais devagar, sem falar que é péssimo para indexação nos sites de busca: as tabelas “separam” o conteúdo.
   Dê sempre preferência ao trabalho com CSS: DIVs e classes não cortam teu conteúdo em pedacinhos, o Google agradece e seu blog fica show de bola.
7. Diminua os comentários do código de seu template:
   O seu template tem vários comentários do tipo: /**** início do cabeçalho****/, /**** inicio do código do fulano *****/, <!–aqui começa o conteúdo–>, <!– fim do conteúdo–>???
   Se você sabe o que cada código de seu template faz, não são precisos esses comentários certo?
   Apague-os, deixando seu código mais leve.
8. Use a barra “/” no fim dos diretórios em endereços URL
   Uma dica que parece boba, mas que faz uma enorme diferença, é usar a barra no fim de endereços. http://teublog.blogspot.com/ abre mais rápido do que http://teublog.blogspot.com . Só não adicione a barra se o endereço terminar com extensão .html, .htm, .php, .asp, etc.
   A barra pode e deve ser inserida em endereços absolutos e em endereços que apontem um diretório (pasta). Por exemplo, http://www.site.com/forum/. Essa dica vale tanto para o template como para postagens e sidebars.
9. Imagens: defina SEMPRE a largura e altura
   Aqui a bronca aos preguiçosos de plantão: inserir uma imagem no seu blog, seja no código ou mesmo nas postagens e widgets, sem os atributos WIDTH e HEIGHT (largura e altura) obriga o navegados a ter que “calcular” essas medidas, deixando o carregamento da página mais lento. Essa dica vale tanto para o template como para postagens e sidebars.
   Defina sempre a largura e altura de suas imagens dentro da tag IMG SRC e veja seu blog carregar mais rápido.
10. Mais Imagens: Use miniaturas (thumbnails) nas postagens ou diminua o tamanho de arquivo delas
    Usar miniaturas, além de deixar seu blog mais profissional, pode deixar ele mais rápido a seus leitores: Se o seu leitor quiser ver a imagem no tamanho real, basta clicar sobre a miniatura. Tanto o Blogger quanto o WordPress têm suporte ao uso de miniaturas.
    Se você prefere o tamanho normal, então use um programa para diminuir o tamanho de arquivo (procure por “Image Resize programs”), ou otimize para WEB em programas como Photoshop, PSP, GIMP, etc.
11. NÃO USE FLASH
    Flash é muito bonito de se ver, mas é prá quem entende e não para quem quer. Quem trabalha ou estuda Flash vai saber fazer uma animação ou banner (ou ainda um site todo) bem leve.
    Mas se você é um simples blogueiro como eu, PASSE LONGE das animações em flash: elas deixam o carregamento do blog muito lento.
    Widgets em Flash normalmente também são lentos.
    Se gostar de algum Widget em Flash, teste antes prá saber se ele é pesado ou não. Seus visitantes agradecem.

Há muitos outros jeitos de se deixar um site/blog bem otimizado e leve, mas essas 11 dicas já ajudam muito um blog-carroça a ganhar mais velocidade.

Todavia, não coloque widgets demais no seu blog. Eles deixam de fato qualquer site mais lento. Opte pelos realmente necessários à você e seus visitantes.
Também não abuse de parcerias: É legal ser linkado por todo mundo, mas colocar trezentos botões na barra lateral de seu blog vai deixar sua inicial lenta e seu visitante confuso (se ele não fechar a página antes). Não transforme teu blog em uma “penteadeira”.

Quer fazer parcerias com vários blogs?

Uma alternativa à essas parcerias é um sistema de troca de banners ou de botão.
Coloquei aqui no Templates para Blogger dois sisteminhas de troca de banners, um para banners de 468×60 pixels e um para botões de 120×60 pixels. Você mostra os parceiros aleatoriamente, seu banner/botão aparece em todos os sites parceiros, e teu blog não fica com botões em excesso.
Clique AQUI e prestigie nosso sisteminha