Nova ferramenta do Blogger para personalização do seu blog

Bom, vou começar assumindo que, definitivamente, sou péssima administradora de tempo.
Acho que minha vida não é muito diferente de nenhuma outra mulher moderna, mas, infelizmente, não tem sobrado muito tempo para o blog.
Então, para que eu não precise ficar me justificando a cada nova postagem vou combinar o seguinte, não terei constância nas postagens mas serão sempre muuuuuuito relevantes!
Estou com uns trabalhos engatilhados para mostrar para vocês, mas vou iniciar a nova regra com uma notícia que vai agradar muito aos usuários do blogger.
Já tinha comentado em outra postagem que o blogger disponibiliza no painel do usuário uma versão draft do editor de postagens e que por ela é possível criar páginas estáticas. Pois bem, agora, para a felicidade daqueles que desejam ter um blog organizadinho e bonito sem nenhum custo e ainda com uma carinha personalizada, está em teste uma ferramenta em que o próprio blogueiro pode criar seu design facilmente.
Basta estar usando ou optar por um template do blogger e fazer as alterações que desejar clicando em layout>designer do modelo.

Imagem: Mamanunes.

Diz aí, a notícia é boa ou não é?
Então não perca tempo! Aprenda como usar esta ferramenta nos mínimos detalhes através do ótimo tutorial que a Marcia Nunes publicou no seu blog Mamanunes.
Ah! E aproveita para conhecer outras dicas super legais que ela publica por lá.

Até!

Blogger em Rascunho _ recurso criar páginas estáticas.

Depois que resolvi criar um blog comecei a pesquisar sobre ferramentas e dicas em outros blogs especializados no assunto.
Existem vários, alguns bons, outros nem tanto. O fato é que acabei elegendo meus prediletos, que sigo e assino o feed, e considero confiáveis e atualizados.
Digo isso porque alguns blogs são mantidos por pessoas que não entendem muito ou nada de programação, apenas copiam o que leêm pela web, e acabam reproduzindo códigos errados, que podem danificar ou mesmo destruir seu template. Por isso, atenção, critério e cuidado nunca são demais, viu?
Bem, mas o que me impulsionou a escrever hoje foi uma notícia publicada em alguns dos blogs que acompanho, o Usuário Compulsivo, Dicas Blogger, Ferramentas Blog, e Notícia e Blog.
Mesmo lendo muito sobre blogs e web design, ainda não tinha dado a devida atenção ao painel inicial do Blogger. Pela notícia divulgada por este pessoal, acabei descobrindo que o Blogger disponibiliza para qualquer usuário uma versão "Draft", ou Blogger em Rascunho, onde testa mudanças que poderão ser implementadas no futuro. Por ser uma versão de teste, parece que alguns recursos podem ser retirados ou alterados a qualquer momento sem prévio aviso, daí o risco, mas para o recurso publicado acho que vale experimentar.
Vez por outra recebo emails pedindo que explique como publicar páginas que não fiquem visíveis na página inicial, as chamadas páginas estáticas, para que sirvam de páginas para publicação de informações fixas, como contato, política de privacidade, descrição de algo, etc. Para isso, era necessário "enganar" o blogger e publicar as páginas com datas anteriores à criação do blog. Pois bem, agora, pela versão "draft", não é mais preciso isto. O blogger disponibilizou a criação pelo painel de configurações destas páginas, e ainda possibilita a escolha para apresentação destas páginas como gadget no sidebar ou como menu de navegação, no topo da página, abaixo do cabeçalho.
Para os que desejam um menu de navegação, mas não querem se aventurar na alteração do código para implentá-lo, é uma boa opção, limitada, pois só podem ser criadas até 10 páginas, e não admite inclusão de menu por categorias (tags), nem mudança de design, mas já ajuda, não é?
A seguir ilustro, de forma suscinta, o passo-a-passo, mas para compreenderem melhor como funciona este e outros recursos interessantes que estão disponíveis no rascunho, sugiro que leiam os posts dos links que citei anteriormente, e também dos blogs oficiais do Blogger, o Blogger in Draft e o Blogger Buzz.


1- Abra o painel principal do Blogger e clique em "Blogger em Rascunho" que se localiza no rodapé da página.

2-  Vá em "Nova Postagem" e clique em "Editar páginas". Este recurso possibilita a criação das páginas estáticas. Escolha como título a palavra que ficará visível no menu.

4- Escreva o texto que vai aparecer na página ao clicarem no link do menu. Clique em "publicar página".

5- A primeira vez que criar uma página será oferida a possibilidade de escolher como quer que os links apareceçam, ou seja, como menu, como link no sidebar, ou ainda, não escolher formato algum, ficar apenas como página estática.

6- Clique em visulializar página. Se optar pelo formato "guia", o menu de navegação, verá mais ou menos isso:

7- Se optar por formato algum, depois, no painel de configurações, em layout, elementos da página, você poderá em "adicionar gadget" escolher onde incluirá as tais páginas clicando em "páginas".

Quem quiser se manter antenado sobre novidades, recursos, e dicas para o blog, também tenho outras boas indicações de blogs. Em português, os GF soluções e BloggerSPhera, e em inglês, o BloggerStop.

É isso. Até!

Lembrancinhas do aniversário da Princesa Clara e Design de blog pessoal.

Conforme prometido, hoje vou mostrar as lembrancinhas do aniversário da minha sobrinha Clara.

Minha irmã queria algo que fugisse do comum, algo que pudesse ser bem aproveitado pelas crianças. Pesquisando idéias na internet achei uns aventais infantis super bonitos, que até já comentei aqui. Mostrei para minha irmã e ela logo aprovou. O problema era quem iria costurar, já que não sei. Não chegou a ser um problema, pois minha tem uma cunhada que confecciona bolsas e topou fazer os aventais.

Minha parte foi bolar a embalagem e produzí-la. Depois de pensar em várias opções, acabei criando uma carteira/bolsa, que mesmo sem muito planejamento, deu um charme a mais na lembrancinha, que por si só ficou lindinha.

Compramos diferentes panos estampados para meninas e meninas que compuseram os aventais de dupla face. Fotografei os tecidos, imprimi e fiz as embalagens.

Vejam o resultado:

Aventais de dois lados.

 

Embalagens em formato bolsa/carteira. Criação e Confecção Favas Design.

E aí? O que acharam? Eu gostei bastante do resultado, achei que ficaram diferentes e usuais. A embalagem depois pode, inclusive, ser utilizada como capa de mini-álbum de fotos, ou porta documentos.

Ah! Não poderia deixar de mostrar como ficou lindo o avental na minha musa inspiradora.

Fofa, ops! Fofo demais, né?

Então é isso. Foi uma correria, mas valeu super a pena. A festa ficou maravilhosa, e todos se divertiram bastante. Saldo super positivo!

……………………………………………………………………………….

Mudando um pouco de assunto, no meio da confusão toda para preparar a festa da Clara, uma nova crise alérgica de Sophia, e uma gripe que me abateu nestes últimos dias, ou  seja, toda a correria do dia-a-dia, consegui terminar o design do blog de uma querida amiga virtual, a Rosi, do Mundinho Particular. Foi uma experiência e tanto! Ainda não tinha pego nenhum trabalho de design digital, sem ser meu próprio blog e o de Sophia, depois de concluir o curso de Web Design.

Dei umas mancadas próprias de iniciante, como esquecer de fazer um briefing preliminar, e outras coisinhas mais. Mas foi muito proveitoso e enriquecedor.

Criar algo que não seja para nós mesmo não é uma tarefa muito fácil. É preciso tentar “captar” os anseios do outro, se aproximar de seus gostos e preferências, algo que, sem um questionário prévio, é ainda mais difícil. Para vocês terem uma idéia, cheguei a fazer 4 layouts diferentes para a Rosi antes de me tocar que estava indo pelo caminho errado, que precisava de referenciais, mais informações pessoais. Criei uma ansiedade desnecessária para nós duas.

Mas tudo bem, depois do briefing respondido tudo clareou, e foi mais tranquilo chegar à um resultado satisfatório.

A experiência me trouxe vários aprendizados, inclusive técnicos. Acabei conhecendo novos recursos e ferramentas para o blogger, que pretendo, em breve, dividir com vocês.

Agora estou me preparando para um novo projeto, um pouco mais complexo, pois me exige um conhecimento que ainda não tenho, uma linguagem própria da plataforma Wordpress, o PHP. Mas já estou estudando e logo, logo estarei craque no assunto, vocês vão ver! :)

Vsitem o blog da Rosi e me digam o que acharam do design. Ficou bem clean e simples, como ela queria, mas ainda assim rico. Alterei o código, inseri novos recursos e ferramentas, tudo para auxiliá-la nas demandas de um blog pessoal super interativo. Espero que os visitantes dela aprovem, pois também pensei neles quando reestruturei o layout.

Até!

Novidades!

Como podem perceber, mudei novamente o layout do blog. Acho que farei isso outras vezes, pois adoro mudar as coisas de lugar, dar aquela reorganizada nos ambiente, sabem? Nem me imagino morando num lugar com móveis embutidos. Imagina! Não poder mudar as disposições do sofá, mesa, cama, etc. , ficaria maluca! :)
Aqui também não dá para ser diferente. Adoro criar, e agora que estou empolgada com meus trabalhinhos em scrap e no photoshop, imagina ficar com o mesmo layout eternamente!
Com isso, estou aproveitando para criar minha lojinha, ainda está em construção, mas logo logo faço o lançamento oficial. Assim separo bem as coisas, e fico mais à vontade para escrever sobre diversos assuntos aqui no blog.
Ah! Inclusive alterei o nome do blog para "Favas a contar". Pensei em "favas contadas", mas depois de descobrir que já existem váaarios blogs com este nome, também achei que remeteria à algo ultrapassado, já vivido. Na realidade quero dividir com vocês o que venho aprendendo atualmente, mas é claro que posso falar do que já aprendi e vivi também, mas acho que "favas a contar" soa melhor.
Também inseri junto ao logotipo, agora em cores mais vivas, mais brasileirinho, trechos da letra de uma música dos anos 70, que tocava num programa chamado "Vila Sésamo". Aliás, estava há tempos querendo achar esta música, e depois de muito fuçar na internet acabei achando a letra, menos mal. Ainda vendem o CD, e estou até pensando em adquirir, acho que vale pelas músicas, todas compostas por músicos conceituados da MPB, como Marcos Valle e Paulo Sérgio Valle. Esta, por exemplo, "Imaginação", é de autoria do último. Vou transcrevê-la aqui:

"O que eu quiser imaginar eu sou capaz.
Eu sou capaz de imaginar que eu sou capaz,
de ver a lua brilhar de dia
e o sol encher a noite de alegria.

A imaginação fica dentro da cabeça,
com ela a gente faz o que bem quer.
Com ela eu olho para dentro de mim,
vejo coisas lindas,
vejo o que eu quiser.

Tudo a gente pode de tudo.
A gente é capaz,
basta que a gente acredite em tudo
que a gente faz.

Mas tudo na vida começa lá dentro da cabeça da gente,
num lugar lá dentro,
no meio dela,
onde vive a imaginação."

Gosto muito desta letra, pois ela fala justamente do que eu sempre acreditei, que a imaginação e a criatividade nos são inatas, estão dentro de nós. Todos somos capazes de criar, de sermos criativos, basta ter interesse e boa vontade. No livro que achei esta letra, o autor até comenta que ao sonharmos estamos criando. As crianças são prova disso. Fantasiam, vivem num mundo criado por elas cheio de elementos que fogem do comum. O que falta à alguns é desenvolver esta criatividade, exercitá-la, diariamente.
E para isso, nada melhor que lermos e vermos sobre diferentes assuntos, e a internet tem facilitado muito isto, né?
Pois bem, pretendo fazer deste blog um espaço para estimular a criatividade e inspiração de vocês. E também gostaria de interagir com cada um, afinal, na troca de idéias também vamos aprendendo bastante, por isso, comentem muuuito,ok?
Então, aproveitando o texto, se inspirem e relembrem da infância assistindo ao vídeo que encontrei no You Tube de abertura do "Vila Sésamo".



Até!

Personalizando seu blog no blogger

Acho que cheguei a comentar que no ano passado fiz um curso de Webdesigner na Infnet, não?
Pois bem, apesar não ter muita intimidade com códigos e números, foi uma experiência maravilhosa e muito enriquecedora.
Claro que o que aprendi por lá me ajudou muito a criar um blog personalizado, mas as aulas foram direcionadas para a criação de design de um site, não de um blog, que são um pouco diferentes. Quando fui criar meu blog esbarrei em alguns conceitos que não conhecia, o que me deixou um pouco perdida de início, mas aos poucos, pesquisando aqui, pesquisando ali, lendo os livros e material de apoio que tinha fui me familiarizando com a linguagem utilizada nos blogs, XML, e consegui criar um design bem pessoal, do jeitinho que queria.
Mas o que vou dividir hoje com vocês é bem simples, não exige conhecimentos mais profundos sobre XML nem nenhuma outra linguagem, basta interesse e boa vontade.
Então, vamos dar uma carinha mais sua ao seu blog?
Muito bem, montei dois tutoriais para a plataforma do Blogger, um ensinando como substituir o "header"ou cabeçalho, por uma imagem que vocês tenham , e outro para ensinar a colocar uma imagem de fundo no blog.

I- Substituindo o cabeçalho do blog:

clique na imagem para ampliá-la

1, 2 e 3- Vá em "layout>elementos de página>editar cabeçalho".
4- Na janela que se abrir clique em imagem e escolha o arquivo no seu computador ou link da imagem num banco de imagens na internet, e selecione a imagem que for servir de cabeçalho. Nesta mesma janela você deve escolher se a imagem ficará posicionada por trás do título do blog, ou ocultará o mesmo, substituindo-o. Esta última opção você deverá escolher se já tiver escrito na imagem o título do blog, ou tiver o logotipo. Atente para o que está escrito em letras miúdas logo abaixo destas opções. Lá é informado qual é o tamanho em pixels do espaço reservado para o cabeçalho que foi configurado para o template que está usando. Baseie-se neste tamanho quando for editar a imagem. Existe a possibilidade de reduzir, quando necessário, o tamanho da imagem para se ajustar ao pré-estabelecido, mas não é indicado, pois pode distorcer sua imagem. Caso você deseje alterar também o espaço para o cabeçalho, dando mais flexibilidade para a imagem que escolher, logo após este tutorial explicarei como pode ser feito.
5- Substituída a imagem e feito as devidas correções, clique em salvar.
6- A janela vai se fechar e para que, realmente, sua alteração seja concretizada, clique no salvar que fica no topo do layout de página. Entretanto, se você não estiver segura da alteração que fez e quiser vê-la antes de salvar, clique em visualizar, confira se está do jeito que esperava , se não estiver é só clicar em limpar edições e recomeçar tudo novamente.

II- Configurando o tamanho do cabeçalho:

clique na imagem para ampliá-la

1 e 2- Caso você queira uma cabeçalho maior você terá que fazer algumas alterações no CSS pré-estabelecido pelo template que escolheu. Para isso, vá em "layout>editar HTML".
3- Atenção! Antes de qualquer coisa, salve o código do seu template no seu computador clicando em "baixar modelo completo". Isto te trará mais tranquilidade caso erre alguma coisa durante as alterações que fizer, bastando você fazer o upload do arquivo que salvou do seu computador, salvar e respirar aliviada novamente. :) Vale ressaltar que as alterações que estou ensinando aqui não modificam em nada os widgets que porventura já tenha configurado, ok?
4-Na janela "editar modelo",procure pelo seguinte:

" #header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
} "

"Header-wrapper" é a caixa que nos interessa alterar o tamanho. Então vá em "width" e modifique o número em pixels pelo que deseja. Aconselho a não passar de 800 pixels, pois algumas pessoas ainda usam monitores com resolução pequena, de 800X600 pixels. É raro, mas ainda existe. O "header"aqui do blog está configurado com 940pixels, mas fiz isso porque queria que ele ficasse do mesmo tamanho da caixa container, onde coloquei uma imagem de background simulando um papel. Se quiser tirar a borda, é só apagar a linha: "border:1px solid $bordercolor;".
5-Clique em "visualizar", confira se está tudo ok, senão clique em "limpar edições" e recomece.
6- Quando tiver certeza que está tudo bem, clique em "salvar".

III- Inserindo uma imagem de fundo:

clique na imagem para ampliá-la

1 e 2- Para inserir uma imagem de fundo bonita e personalizada no seu blog, primeiro você tem que armazenar a imagem que escolheu em algum banco de imagens na internet que lhe forneça um endereço para link. Eu uso o do Picasa, que é onde o Blogger originalmente armazena as imagens que adicionamos por aqui, e a maioria do navegadores lê sem problemas. Depois de feito isso, vá em "layout>editar HTML".
3- Caso ainda não tenha salvado seu código original, faça-o agora, e repita o que eu ensinei no tutorial para cabeçalho.
4-Na janela "editar modelo", encontre o seguinte:

"body {
background:$bgcolor;
margin: 0
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}"

Para inserir a imagem de fundo basta você substituir o código acima por:

"body {
background:$bgcolor;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-image: url(http://LINK DA SUA IMAGEM NA INTERNET );
background-attachment: fixed;
margin: 0 auto;
margin-bottom: 20px;
}"

Não inclua as aspas, hein? Só as coloquei para sinalizar que é algo para se copiar,ok? Mas não esqueça de abrir e fechar o "body" com chaves.
Caso você queira modificar alguma outra propriedade de background, ou entender um pouco mais sobre CSS, sugiro que leia mais neste tutorial aqui.
5- Tudo feito, antes de salvar as alterações, vá em "visualizar" e confira se ficou tudo ao seu gosto.
6- Só depois então salve a edição.

Bem, aí estão minhas dicas para você começar a personalizar seu blog.
Caso tenha alguma dúvida do que expliquei hoje aqui, ou queira saber sobre outro assunto referente à design de blogs, ficarei feliz em ajudar.
E aí gostaram? Comentem o que acharam, quem sabe não preparo outros tutoriais sobre o assunto, hein? :)
Até!

Design de blogs

Tenho passado os últimos dias corrigindo o novo design do blog, e achei interessante dividir com vocês as razões pelas quais fiz algumas alterações.
Quando criei este blog ainda não tinha muita certeza do que escreveria aqui, então acabei optando pelo design mais rápido e bonitinho.
Depois que defini meu objetivo, ou seja, falar sobre minhas pesquisas de criação, estudos diários, e divulgar meus trabalhos, resolvi mudar a "cara"do blog. Ela estava com um ar muito antiquado e sugerindo algo muito artesanal.

Primeiro design do blog

Fui em busca de referências mais modernas e com um visual mais clean. Tinha em mente a criação de um navegador para os links do catálogo e contato, então procurei por blogs que também o tivessem.
Já conhecido e gostava de um, que por sinal, se tornou minha referência mais corrente, o Digivic, de uma designer de scraps que adoro.

Exemplo de design clean e moderno

O design de um blog que vá apresentar muitas imagens deve ser, preferencialmente, clean, para que as informações não se confundam e o visual fique muito poluído.
Acabei cometendo esta "gafe" de início, e por isso, novamente refiz o design.

Primeiro redesign

Outro detalhe importante são os elementos gráficos, que também não devem ser muito coloridos e grandes, pois o que deve chamar atenção é o conteúdo, essencialmente.
Estou lendo um livro que fala sobre o design ideal de objetos, mas que se aplica a todo tipo de design, inclusive o da web, "O design do dia-a-dia", do Donald A. Normam. Para quem curte design é um livro muito recomendado. Ele fala sobre algo que sempre acreditei, o design, ou seja, a estética, aliada à funcionalidade. Não adianta você ter um objeto super bonito, mas que você não consiga usar, não é mesmo?
Este tipo de preocupação deve ser recorrente à um webdesigner. Ao projetar um site ou blog a preocupação com a usabilidade e acessibilidade dos mesmos deve estar em primeiro lugar, antes de se pensar no design propriamente dito. Existem outros livros muito interessantes que tratam deste assunto, mas um outro bem famoso e rapidinho de ler, específico para webdesigners, é o "Não me faça pensar", de Steve Krug. Para quem se interessa pelo assunto ou pensa em entrar na área recomendo a leitura.
E aí? Quais os blogs que vocês gostam do design?
Quem quiser deixa aqui os links para que possamos ver.
Então é isso. Até mais.

De cara nova!

Surpresa! Eis o novo design do blog!
Agora acho que ficou com a minha cara! Adoro cores fortes e designs modernos.
Para prepará-lo busquei unir os conhecimentos que venho adquirindo em comunicação visual e web com meu gosto pessoal. Refiz todo o código e inclui alguns detalhes:
- um navegador, com links para meu catálogo de produtos no flickr; página com orientações e descrição do que tratarei neste blog; e meus contatos para eventuais consultas sobre orçamento e pedidos,
-um ícone "voltar ao topo" disposto ao lado da barra lateral acesso rápido ao início do blog,
- ícones para acesso a minhas outras redes de relacionamento, facebook, twitter, e rss,
- e, com grande orgulho, meu logo! Adorei a experiência de pensar numa identidade visual, numa marca.
Bem, agora acho que não tem mais dúvidas, né? Estou com os dois pés fincados na área de design e à todo vapor para preparar novas e boas idéias para convites, lembrancinhas, e toda a parte de papelaria pessoal, como etiquetas para presentes, tags de identificação, cartões de visita, e cartões personalizados.
Ah! Depois das noites em claro preparando meu novo blog (rsrsrs), estou mais do que apta a criar blogs pessoais e temáticos.
Então é isso, pessoal, está tudo organizadinho por aqui.
Duas vezes na semana, pelo menos, postarei idéias e inspirações que busco na web e em outros meios para criar, e também atualizarei com meus recentes trabalhos,ok?
Não deixem de cadastrar o e-mail para receberem tudo em primeira mão!
Até breve!