Dicas e Templates Mamanunes

22.6.10

6/22/2010

Tweet Erro nos Títulos dos Gadgets do Blogger

O Blogger apresentou um problema com os títulos dos gadgets HTML/JavaScript. Antes era possível adicioná-los sem preencher o campo com um título, mas há alguns dias ele apresenta uma mensagem de erro exigindo o preenchimento, como você pode ver na imagem abaixo.

Que fazer para driblar essa “paradinha”?

A Mariana (querida) do Blog da Mari descobriu um truque que funcionou direitinho. Basta preencher o campo com uma tag  . Simples assim!

Hoje a Rosa do blog El Escaparate de Rosa, que visito muito e recomendo, publicou uma matéria sobre o assunto. Consultando o Fórum de Ajuda Blogger encontrou uma sugestão igual a da Mari. Podemos colocar também as tags <h2></h2> no campo. Pronto! O gadget poderá ser salvo sem mostrar o título.

Leia mais...

13.6.10

6/13/2010

Tweet Template Designer Blogger – Agora disponível no Blogger.com

Na verdade em Março de 2010, o Blogger lançou, em formato beta, o Blogger Template Designer que só poderia ser acessado através do do draft.blogger.com . Na ocasião fiz o TUTORIAL BÁSICO para o Designer Blogger. Finalmente, agora em Junho de 2010 o Designer Blogger Template foi lançado oficialmente para todos. Abra o painel e você pode encontrar no menu, a novidade, Designer do Modelo.

O que podemos fazer com este novo recurso?

Lindos novos modelos. Os designer do Blogger projetaram 19 novos modelos que você pode rapidamente customizar, personalizar.
Os desenhos são totalmente definidos em CSS (Cascading Style Sheets), o que significa que todo o projeto pode ser aplicado a qualquer layout do blog, tornando os modelos mais flexíveis e originais.
Centenas de imagens maravilhosas para backgouds , sem nenhum custo.
Com poucos cliques você pode mudar todas as cores do seu modelo.
Escolher modelos com cantos arredondados, transparência, largura , número de colunas, tamanho e cores de letras, enfim…
Você pode definir o seu layout visualizando em tempo real através do painel de controle do projeto.
Na aba Avançado, você pode substituir CSS design e digitar seu próprio CSS.

Tudo ficou mais fácil , lúdico eu diria hehe. Experimente.

Você também aprender a fazer algumas alterações para deixar seu modelo ainda mais exclusivo, consultando a sessão DESIGNER DO MODELO aqui na lista de dicas da Mama!

Beijo ♥

Leia mais...

7.6.10

6/07/2010

Tweet Como Saber o Número da ID do Seu Blog

Quantas vezes você já quis colocar algum recurso no blog e se deparou com o pedido do número da sua ID. E aí? Que negócio é esse? Foi o que eu me perguntei e demorei pra descobrir hehe. Veja um exemplo nesse código abaixo que faz parte de um tutorial para adicionar replay de comentários de posts no Blogger:

<a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>[Reply to comment]</a>

Para leigos, info-analfabetos ou iniciantes como eu, muita coisa é mistério na Internet.

Então vamos lá. Eu descobri que ID é o número de identificação da página.

E como saber qual é o numero “ID” do meu blog no Blogger?

Depois de fazer seu login, clicar na opção “layout” (ou “Design”) veja no seu browser (barra de endereços). Lá está o numero de ID do seu bloguinho. Viu?

Agora você já sabe! Beijo da Mama ♥

Leia mais...

6/07/2010

Tweet Colocar Widget Para Responder Comentários - Blogger

Atendendo ao pedido da @jo_angels , fiz a tradução desse tutorial, para habilitar um link de respostas a comentários. É bem simples, o código cria um link que habilita o box de comentários do Blogger, mas como nem todos os templates tem os mesmos códigos, vou mostrar como implementei o recurso no meu.
O resultado aqui no Dicas, você pode ver na imagem abaixo ou testar na própria área de comentários daqui.

...

Com o tutorial original do BLOG ZONE o resultado é esse na imagem abaixo, o link fica ao lado do nome do comentarista.

TRADUÇÃO E ADAPTAÇÃO DO TUTORIAL
A forma mais rápida a responder aos comentários dos visitantes é instalar o widget resposta a comentário no blog. Para instalar este widget, basta adicionar um código HTML .
► Na sua página Layout
► Selecione a opção Editar HTML
► Clique em Expandir modelos de widgets

► Encontre o código abaixo (pode ser um pouco diferente no seu template)

<data:commentPostedByMsg/>

► Copie o código abaixo e cole o DEPOIS/ABAIXO do código acima:

<a expr:href='"https://www.blogger.com/comment.g?blogID= YOUR-BLOG-ID &postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>[Reply to comment]</a>

Substitua o código vermelho (o seu blog-ID) com o ID blog. Você pode ver o numero da ID na barra de endereços do seu navegador.

NOTA! Se você não sabe o que é ID, dá uma olhada NESTE tutorial.

Como disse no começo do tutorial, nem todos os templates tem os mesmos códigos, principalmente os de fora do Blogger, adaptados ou customizados, então você terá que fazer alguns testes. No meu, por exemplo, coloquei o código abaixo do seguinte trecho:

<dd class='comment-footer'>

Dessa maneira a link foi exibido abaixo do comentário. Mudei também o texto, deixei em formato “itálico” com as tags e /i>, coloquei uma setinha (que também pode ser uma imagem), ou seja “firulas”. Você pode criar a vontade. Veja:

<a expr:href='"https://www.blogger.com/comment.g?blogID=8162414130496759443&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'> ◄ Responder comentário
</a>

É isso! pedido da @jo_angels (siga no twitter) é uma ordem e foi um adianto pra mim =)
Beijo da Mama ♥

Leia mais...

3.6.10

6/03/2010

Tweet Promoção Dicas Blogger – AINDA HÁ TEMPO!

Um dos maiores e melhores sites de ajuda para blogueiros do Brasil, o Dicas Blogger, está premiando quem se aventura na customização de templates e ainda dá tempo para você participar e concorrer, basta baixar o TEMPLATE MAGAZINE (excelente criação da Juliana Sardinha), personalizar, ou seja, deixar com a sua cara e em harmonia com a proposta do seu blog, instalar em um blog ativo (não pode ser blog de testes) e enviar o endereço (url) para ESTE POST DO DICAS BLOGGER.

OS PREMIOS

1º lugar: 01 anúncio por 30 dias no Dicas Blogger, do tipo banner 468 x 60 ( veja a localização e o valor, acessando o nosso MidiaKit);

2º lugar: 01 lindo e exclusivo template (ver modelo) - cortesia da Mamanunes;

3º lugar: 01 volume do E-book – Blogar, o processo de criação de blogs – cortesia do Ferramentas Blog;

4º lugar: 01 logotipo - cortesia do Icebreaker Design;

5º lugar: 01 livro - Criando páginas web em CSS – cortesia do Daumpost

E AINDA TEM MAIS !!

Todos (eu disse TODOS) os inscritos, participarão de um sorteio valendo 5 produtos de informática, cortesia da loja Flex Informática. São eles:

1 Mouse óptico da Clone 5 botões
1 Teclado Multimidia Clone
1 Fone de ouvido Clone para iPod, Mp3/Mp4 Players, computadores etc...
1 Caixa de som Multimidia Maxprint
1 super prêmio: Impressora Hp Deskjet D1660

O sorteio será realizado através do sistema Random.org, usando o número de incrição de cada participante e será transmitido em tempo real no Twitter no dia 14 de junho, às 19 h.

Comissão julgadora