O Dicas e Templates Mamanunes nasceu da minha necessidade de registrar as descobertas que faço enquanto aprendo a desenhar templates para a plataforma Blogger. Compartilho aqui alguns truques, templates e informações que considero úteis para blogueiros e curiosos. Entre e fique a vontade. 
31.8.09
Digite o texto, escolha o tipo de fonte, cores (Branco, preto, azul, verde ou vermelho), tamanho desejado, e cor do background . O texto será transformado em imagem gif pronta para ser publicada onde desejar.
Para aqueles que são “chegados” em twitter e procuram lindos ícones para seus blogs, encontrei essa lista de ícones Twitter Grátis (Free). Tem modelinhos cute, vetoriais, e ilustrações. Alguns são para salvar com o botão direito do mouse. Caso você goste de algum e o formato seja “ai”, “eps” ou outro incompatível com seu editor de imagens, use o Convert Files um aplicativo que converte qualquer arquivo. Espero que você goste!30.8.09
Hoje uma leitora muito gentil, a Aline Girão do blog Pontos e Idéias me avisou que o ícone para edição rápida da widget “nuvem de tags” do Dicas da Mama estava visível aos visitantes. Esse é um problema do Blogger, porque o ícone deveria ser exibido somente ao proprietário, enfim… Me lembrei que a Ariane TNB postou sobre sobre o assunto e como retirar definitivamente esse ícone. Parece que esse “defeito” não acontece com todos os blogs, mas eu retirei do meu, então, fica a dica.
*LEMBRE-SE DE FAZER BACK UP DO TEMPLATE ANTES DE QUALQUER ALTERAÇÃO!
28.8.09
NOTA: Esse tutorial foi revisado e atualizado e testado em 28 de janeiro de 2010. Alguns leitores tiveram dificuldade para instalar e, realmente ele requer muita atenção na instalação para que possa funcionar perfeitamente. Boa sorte!
Neste tutorial vamos aprender a editar e inserir no Blogger . É um ótimo recurso para quem deseja expor seus trabalhos, layouts, fotos ou indicar outros sites, etc. As imagens se transformam em links.
27.8.09
Ceboing Ipiet é uma extraordinária designer da Indonésia que oferece em seu site, Ipetoon, templates lindos, profissionais e FREE pra Blogspot. Este que indico hoje é perfeito. Confira:
Blogger Template Reflection Profissional Blogger xml Template 2009
Leia mais...
Blogger Template Reflection Profissional Blogger xml Template 2009
26.8.09
Nuvem de Tags do Blogger está disponível. Para usa-lá basta ir à sua página “Layout”, clicar “Adicionar um Gadget” , opção “Marcadores” . Marcar opção “Cloud “(nuvem). Veremos também algumas possibilidades de personalização.
Leia mais...
Quase todos os modelos de templates Blogger, mostra um número ao lado da lista de marcadores e arquivos. Se você prefere que eles não apareçam, aqui vai a dica para retira-los:Para retirar os números dos marcadores, já há a opção diretamente no Gadget do Blogger. Faça login, cliqeu na opção layout e em Layout escolha o gadget Marcadores e desmarque a opão "Marca o numero de postagens..." Veja na imagem abaixo.
..................................
...
Retirar os números dos arquivos
Salve uma cópia do seu template em seu computador. Clique em "Baixar modelo completo."
Faça login no Blogger e no painel, clique em Layout , depois Editar HTML. Marque o quadradinho Expandir modelos de widgets.
...................
.....................
Procure pelo trecho abaixo, use (teclas Ctr+ F) e apague todo ele.
(<data:i.post-count/>)
Visualize e se estiver tudo bem salve o template.
Obs.: Retirar os números dos marcadores é um truque muito bom se você vai usar o gadget “Nuvem de Tags” (Cloud) do Blogger.Obrigada a HTMHelen pela dica
24.8.09
Muito simples. Site Chir.ps oferece como aplicativo, um gravador de voz , que permite que você grave uma mensagem de voz ou sons interessantes que queira compartilhar no Twitter. (claro que tem que ter um microfone certo? dããã)
22.8.09
Twoxit Twitter Widget é uma ferramenta que permite atualizações (updates) no twitter direto do site/ blog. Pode ser de grande utilidade por incentivar o visitante comentar sobre o artigo que está lendo no momento. As widgets estão disponíveis alguiumas cores e modelos .
Sites que oferecem “ferramentas” que facilitam nosso trabalho de personalizar e desenhar blogs, conhecidos como “geradores”, são chamados assim porque com eles, mesmo sem nenhum conhecimento de programação, podemos criar logotipos, banners, menus, favicons, buttons, animações e uma infinidade de coisas parecidas. Conheça alguns que eu tenho usado e considero muito bons.Buttongenerator: Nos permite gerar botões personalizados com várias opções de formato, cores, letras, tamanho, etc... Depois de criado, o botão pode ser salvo em seu computador (clic com botão direito do mouse) e usado como como link em seu blog. O site é em inglês, mas é muito fácil de compreender.
Networkbar Generator permite que você crie uma barra de navegação personalizada, com menu expansível para quantos links forem necessários e você não precisa entender nada de Java Script ou HTML.Para criar essa simpática e prática navebar, você só precisa fazer um registo no site Networkbar Generator e depois começar a construção. Recomendo assistir o vídeo Demo (em inglês) bem explicativo. Não tem erro.
20.8.09
Para exibir: Postagens recentes, comentários recentes, últimos updates no twitter, recentes imagens postadas no Flickr, Picasa ou TwitPic, postagens recentes de outros blog ou sites .
Uma ótima maneira de apresentar seu perfil é ter um background personalizado que demonstre (maios ou menos) o conteúdo das suas publicações ou, melhor dizendo, “qual é a sua praia” . Para isso temos vários sites que oferecem esse recurso, grátis, sem que você precise entender de edição de imagens.
A Juliana Sardinha do Dicas Blogger publicou um tutorial: Como trocar o fundo (background) do Twitter – Recomendo.
Agora conheça 10 sites com opções diferentes para você escolher qual combina mais com seu blog. Espero que goste.
19.8.09
Ter os artigos do seu blog publicados no Twitter automaticamente é uma grande ajuda para a divulgação de blogs e isso pode ser feito de maneira muito simples com o Twitter Feed.
Para utilizar o serviço basta ir ao twitter feed, se registrar com um email e senha ou com uma conta open ID (Google, yahoo, blogger, livejournal…), seguir os os passos e tal…
Eu já havia publicado um tutorial para esse recurso no ano passado, mas o serviço mudou e o tutorial precisava ser refeito. Pesquisando, descobri que já há vários tutoriais sobre o assunto. Escolhi os que considerei os mais práticos e completos para compartilhar, afinal essa é a intenção das “Dicas da Mama”, indicar o que há de melhor na blogosfera.
18.8.09
Ter uma lista de posts relacionados no final de cada postagem pode trazer alguns benefícios relevantes. Por exemplo: - Chamar a atenção para outras postagens
- Mais opções para seus leitores
- Postagens mais antigas em evidência
17.8.09
Se você não domina idiomas ou, como eu, ainda “arrasta” o inglês, precisa urgentemente de um tradutor automático de páginas. Vou apresentar 2 para o Firefox e um para o Explorer .Eu uso o FoxLingo. Excelente plugin para o Firefox que traduz o conteúdo de qualquer página web para vários idiomas diferentes. Mas ele vai além, você pode consultar vários dicionários, gramática (ótimo para aprendizagem ) pesquisar e analisar palavras. Eu Recomendo!
14.8.09
Backup Twitter “FREE”. Faça uma cópia de segurança permanente de tudo o que você publica no Twitter, independente da disponibilidade do sistema. Sabia que o Twitter só permite ver o seus mais recente 3.200 tweets? Com o aplicativo você não perderá mais nenhum deles. Uma boa dica via WWWhat’snew.
11.8.09
Chuleta? Você, como eu, deve estar pensando: mas o que é que um pedaço de carne tem a ver com Blogger, templates, design..? Então vamos entender o que é e porque vale a pena ter uma “Chuleta” à mão quando a gente quer fazer mudanças em um template.
Segundo o dicionário inglês/português, Cheat quer dizer fraude, engano, trapaça, cola. Sheet quer dizer folha impressa, jornal, folhas. Se juntarmos as duas palavras teremos a tradução:
Cheat Sheet = Folha de Cola (tipo cola para prova ou exame).
Cheat Sheet do Blogger = Folha de Cola do Blogger
Então porque “Chuleta”?
Chuleta! É a gíria para “Cola”, em espanhol, usada para chat sheet.
Ahhh bommmm, agora dá para a gente falar sobre a importância de se ter sempre à mão a “Chuleta” ou “Cola” para facilitar nosso trabalho quando quisermos mudar ou criar um template. E para que serve? Vamos ver o que escreveu o Francisco do Blog and Web
Essencialmente para:
- Modificar elementos de um template
- Adaptar o desenho de outra plataforma
- Criar um desenho novo para o Blogger
Como usá-la?
Usa-la requer um mínimo de conhecimento básico de CSS e de acordo com eles se pode modificar mais ou menos as coisas.
Modificar elementos
Basta buscar a classe o id na “Cola” (chuleta) que corresponda a parte que dejamos modificar e mudar os atributos no CSS do template.
Exemplo: Modificar a cor do título do blog.
Procurando na cola (chuleta), a classe correspondente ao título do blog: h1.title, se busca a classe no código CSS do template, se existe, se modifica o código de cor; e se não, se acrescenta a nova classe:
h1.title {
color:#000;
/* outros atributos */
}A chuleta aqui serve para encontrar o equivalente no blogger de cada elemento
Exemplo: Em um theme WordPress o título dos post tem uma classe chamada .tit, se copia a classe e os atributos e se renomeia no blogger como: .post-title
Bom, esses são apenas alguns exemplos para que se tenha uma idéia da funcionalidade do Cheat Sheet do Blogger ou Folha de “Cola” para Blogger ou ainda “Chuleta” Cheat Sheet do Blogger. ☺
Veja abaixo algumas imagens do conteúdo:
Para mim foi uma (baita) mão na roda. Já aderi. O Arquivo em PDF está escrito em espanhol, mas é muito fácil de entender.
Download-Blogger Cheat Sheet (PDF) / Veja
Obs..: Recado do Francisco do Blog and Web
A “Chuleta” é muito básica e, portanto, acho que poderia ser útil para muitas pessoas, se você concorda, nos ajude a divulgá-las no seu blog. Se você tiver correções ou agradecimento, deixe comentário.
Para escrever este post, pesquisei também:
All Web Design Blog
PHP-Al
10.8.09
Infinitamente mais prático que o editor de postagens do Blogger (por exemplo) o Windows Live Writer permite editar e enviar suas postagens direto para o blog com maior agilidade, por exemplo: você pode capturar uma imagem com Print Screen e com um simples Ctr+V dentro da janela, recortar e posicionar à esquerda, direita, modificar tamanho, sombreado, moldura, etc.. É possível também publicar imagens em tamanho maior que o permitido pelo blogger que é de 400px de largura. Veja no tutorial: “Imagem Fácil com Windows Live Writer” do blog da Helen HTMHelenAprenda o que é, como instalar e mais detalhes, nos tutoriais abaixo.
6.8.09
Twit-it envia para o Twitter , a url que estamos visitando com apenas um clic. Basta incluir o link de twit-it na sua barra de favoritos do seu navegador e quando estiver navegando e considerar interessante, clic e envie o artigo
Quando clicar, aparecerá uma janelinha para incluir comentários adicionais.
5.8.09
O Site Webdesigner Depot oferece gratuitamente um conjunto de 50 ícones Twitter para você usar em seu blog/site.
O Pacote traz os ícones em formato Ai e PNG (transparente), no tamanho 256 × 256 px.Abaixo você tem uma visualização completa de todos os ícones incluídos no pacote.
Download 4sahred
Direto do site: Webdesigner Depot
Ter um menu para suas redes sociais além de muito charmoso é bastante útil para a divulgação do seu blog não é? Agora que tal dar um efeito especial a ele.
Esse código CSS permite criar efeito bem simpático, e muito simples de customizar. Usei esses ícones como exemplo mas você pode e deve procurar os que mais combinam com seu layout e, é óbvio, ícones das redes as quais você pertence.
4.8.09
Umas boa ideia para criar backgrounds exclusivos. Repper é um criador de texturas online que transforma imagens em texturas, a partir de trechos selecionados. Você pode fazer upload de qualquer imagem/foto, escolher a área que quer para o efeito e ir arrastando e redimensionando com o mouse até que fique do seu agrado mouse. Em seguida, salvar a sua textura e fazer o download para o seu computador.Twixenate é um editor básico que permite fazer alterações na sua foto de perfil (avatar) do Twitter. você pode aumentar, diminuir, recortar, colocar efeitos, luminosidade ou transformar em branco e preto. Na verdade é só mais uma ferramenta para brincar um pouquinho.
Fonte: Punto Geek
3.8.09
“Social Folow” é um site oferece um simpático botão “Solow Me” para sites e blogs. Simples: acesse o site faça o registro e aguarde a confirmação por email. Depois é só escolher um dos modelos e editar os links (Feed, Twitter, Faceboock, Youtube, BlogBlogs,Ymeme, Picasa…todos). Muito prático, pode ser colocado em qualquer lugar da sua página. Veja em ação aqui no rodapé da postagem.
1.8.09
O Templates e Backgrounds oferece lindos modelos para download, de fácil instalação, além de excelentes tutoriais para customização , imagens para header (imagem principal, topo), criação de backgrounds, dicas para trabalhar com Paint Shop Pro (que eu amo) e muito mais.
A artista chama-se Sonia Regina. Confira.
Leia mais...
A artista chama-se Sonia Regina. Confira.
Assinar:
Postagens (Atom)
