Acho que todo mundo já parou olhando para alguma arte na internet e se perguntou: que fonte é essa? Correto? Eu que vivo criando layouts, tenho que sempre manter a pasta de fontes bem cheia e diversificada. Pois bem, a dica de hoje é um site que te diz que fonte é aquela que você acha linda mas não sabe o nome: o MY FONTS.
É bem simples, tire um print da fonte que você quer descobrir o nome e envie para o site (no menu WhatTheFont > WhatTheFont). O site irá carregar a imagem e onde tiver letra ele vai selecionar sozinho, dai é só clicar em próximo que eles vão dar diversas opções de fontes que podem ser a que você está procurando! Ai é só ver a mais parecida e baixar! Mas tem um detalhe: no site as fontes são pagas, então pegue o nome da fonte e jogue no google, certeza que você vai achar pra baixar!
Dica: para um melhor resultado da busca, é importante que a imagem enviada tenha somente (ou o máximo de) fontes aparentes, sem muitos desenhos ou fotos por cima.
POR FALAR NISSO…
Vocês já conhecem o Google Web Fonts?? Não? Pois bora conhecer, é o paraíso das fontes!
Esse site tem várias de fontes lindas que você pode tanto usar diretamente no blog, quanto baixar e ter no seu computador. Vá navegando, escolhendo suas fontes preferidas depois baixe tudo. Pra baixar é simples: vá clicando em Add to collection nas fontes que você quiser baixar, depois de selecionar as fontes que quer, clique em Download your Collection dai vai abrir o download de uma pasta com suas fontes, agora basta instalar no seu pc. Caso você queria usar no seu blog, nos títulos dos seus posts ou na barra lateral é só clicar em Quick-use na fonte desejada que vai abrir uma página explicando o que fazer.
Simples né?
Vocês gostam de dicas desse tipo? Já usaram os sites que eu citei?
Beijo
Trouxe alguns backgrounds (fundos) para vocês usarem em twitter, layouts, enfim, onde quiserem. =D
Basta clicar no que você quer e salvar!
De uma maneira super simples, vou ensinar vocês a retirar aquela barrinha superior do blogspot, não tem muita utilidade e ainda embaranga o layout né?! Então, vamos lá!?
Vá em Design > Editar HTML
Copie o código abaixo e cole na parte do css do seu layout.
#navbar-iframe { height:0px; visibility:hidden; display:none !important;}
Veja um exemplo na imagem abaixo:
Pronto! Agora é só salvar a alteração.
Beijo
Sempre recebo emails com as mesmas dúvidas, pedidos e sempre me pedem pra ensinar a fazer layout. Pois digo: fazer layout não tem uma receita pronta, não é fácil e envolve várias outras coisas complicadas que eu também não saberia ensinar, como programação. Vocês só vão aprender de fato tudo isso a menos que façam um curso (ou sejam curiosos como eu e aprendam só). Ou então vão testando, lendo tutoriais, buscando no google o que vocês tem dúvidas, baixem modelos gratuitos, temas base e vão alterando… É “fuçando” que se aprende, e foi como eu aprendi o que sei hoje. Há, uma dose de bom gosto e criatividade também vale 
Mas, o que eu disse acima vale mais para a criação de layouts. Como eu sei que vocês tem outras dúvidas relacionadas à desenvolvimento de blogs, abaixo separei alguns links de tutoriais e textos de ajuda que respondem boa parte de algumas dúvidas frequentes.
Quero um blog, como faço?
Diferença entre Blogger x WordPress
Começando a blogar
Editores de fotos online
Baixe o Photoshop versão portable, mais leve e não expira
Backgrounds para blog, tumblr e twitter
Mapeando imagens facilmente
Como colocar botão de compartilhar do Facebook no blog
Como criar caixa de botão “link me”
Assinatura no final do post
Posts relacionados no final do post
Foto nos comentários
Como diminuir uma imagem sem editor
Data personalizada – para blogspot
Personalizando o título da sidebar
Usando fontes diferentes nos títulos
Colocando Favicon no blog
Retire a barra superior do blogspot
Personalize seu layout do wordpress.com
Temas para você usar como base na criação e programação de layouts para wordpress
Tentei reunir tutoriais úteis e de fácil entendimento, mas se restarem dúvidas ou pedidos de outras coisas que eu não citei, podem usar os comentários para isso! O bom é que clicando nesses sites vocês tem acesso à outros tutoriais massa, que se você já tiver uma base de html vai poder dar uma boa arrumadinha no blog! ^^
Vou providenciar outro super post com dicas de como personalizar layouts do wordpress.com pois vi que tem novos temas, ne?! Uns bem legais e com outras funções que dá pra deixar seu blog com sua cara, mesmo usando o mesmo layout que várias outras pessoas usam, como falei, uma dose de criatividade é sempre bem-vinda!
Espero que tenham gostado, podem comentar à respeito!
Beijos
Muitas pessoas me perguntam onde encontro os gráficos que uso nos meus layouts e posts, eu não faço ilustração nem aqueles bonequinhos de palitinho sei fazer direito ahaha Então, hoje resolvi compartilhar alguns sites que eu uso e que disponibilizam gratuitamente coisas como backgrounds (fundos), fontes, ícones, etc. Let’s go!
DinPattern.com – Esse site disponibiliza patterns gratuitamente. Pattern é a mesma coisa que fundo, pode ser usado pra várias coisas, como em layouts, twitter, enfim. Lá tem uma infinidade de fundos pra vocês.
DollieLove.com – Aqui vocês encontrarão inúmeros backgrounds para twitter, layout para myspace e temas para tumblr. Eles ficam divididos em categorias, o que facilita na hora de procurar (tipo, animal print, collage, cute…). Tem muita coisa liinda, vocês vão babar!
ColourLovers.com – Esse site é divino, aqui tem MUITO background, muito mesmo. Também disponibilizam paletas de cores, isso nos ajuda bastante na hora de criar, pode apostar. E o melhor é que você pode se cadastrar e criar seu próprío background, lá tudo que é postado é feito pelas pessoas cadastradas.
Dafont.com – Outra coisa que me perguntam sempre é onde busco as fontes que uso. É tudo do Dafont. Esse site tem milhares de fontes pra você baixar e instalar no pc, sempre com novidades, toda vez que entro la baixo 350 fontes hehe
Tabela de cores – Pra quem tá começando a usar photoshop, ou até mesmo pra modificar a cor de alguma coisa quando pede código, essa tabela de cores é uma mão na roda! Ajuda muuito, pois tem o código em html (esse que começa com #) e o código java. É só você escolher a cor que quer copiar o código e colar no lugar que ta pedindo a modificação.
ImageMaps.com – Sabe esses menus mapeados? Esses que são feitos no prórpio ‘desenho’ layout (tipo o meu)? Então, com esse site fica muuito mais fácil mapear suas imagens rapidamente. Pra aprender a usar segue esse tutorial que não tem erro.
IconArchive.com – Aqui tem vários ícones de redes sociais pra você usar no seu blog.
Imgur.com – Ótimo site pra hospedar imagens. Às vezes precisamos do endereço das imagens, pra por exemplo colocar no html do layout, então esses sites fazem isso gratuitamente. Nunca tive problemas com o imgur.com ao contrário do photobucket que uma vez sumiu com todas as minhas imagens –’
Bom, por enquanto é isso, caso eu lembre de algum outro site, eu edito com mais links. Se vocês quiserem saber de alguma outra coisa específica, podem perguntar que se eu souber coloco aqui também.
Estão gostando desse tipo de post, ou ta ficando chato? hehehe Podem dizer, que se não curtem eu paro!
Beijoos
Resolvi dar inicio à uma sessão de posts dando dicas pra vocês sobre ferramentas de blogs, disign e tudo relacionado à otimização de blogs. Vou dar dicas básicas até porque eu não sou muito boa com explicações, então tenham paciêcia hehe
Vou começar pelo básico do básico, dizendo o que EU não gosto e acho que não fica legal em blog. Parece bobo mas muitas meinas cometem esses errinhos e outras dicas pra otimizar mesmo,então vamos lá.
- Não curto blogs com fundo dos posts preto. Acho que pesa demais pra quem está lendo, cansa a vista mesmo sabe, o ideal é que os posts tenham fundo branco. Outro ponto que pode cansar o leitor é a fonte, ela deve ser em tamanho padrão, tipo de 12 à 14px não mais que isso pois fica esteticamente feio e a cor também deve ser básica, tipo cinza escuro ou preto não precisa aquele carnaval todo (a menos em algumas palavras pra destaque).
O blogspot tem, na opção “Design do modelo”, como mudar as cores, fontes e tamanhos de tudo (fonte, larguras dos posts, etc) facilmente. Usem esta ferramenta ao seu favor.
- É preferível que o link para comentar fique à baixo do post. Ler o post e ter o link para comentários no final é bem melhor e mais prático do que voltar ao início pra cometar ne.
- Ainda falando sobre comentários, volta e meia entro em algum blog do blogspot e não posso comentar porque simplesmente não tem a opção de comentar com “Nome/Url”. Acho isso muito chato, por que não é todo mundo que tem conta no google, e outra, é bem melhor comentar com seu nome já linkado pro seu blog né?!
Quem não sabe fazer isso, basta ir em Configurações > Comentários > Quem pode comentar? > Qualquer um – inclui usuários anônimos. Simples assim! ;D
- “Continue lendo” sabe o que é ODIAR isso? Pois eu odeio hahaha. Não tem nada mais chato do que ter que clicar em leia mais e ser redirecionado para o post completo. A menos que esse tal link abra sem carregar outra página (você clica e o restante do post aparece logo abaixo), ou se o post for muito grande, contendo muitas fotos, aí até que vale.
Também é o que acontece com os posts em resumo, detesto! É muito mais válido seu blog ter os post completos na página inicial, isso prende mais o leitor, faz com que ele leia os outros posts também (ou pelo menos olhe tudo).
- Muitas postagens na página inicial é algo que eu acho – não errado mas que pesa na hora do carregamento do blog. Tem blogs que entro e a barra de rolagem fica enorme, não gosto. Prefiro colocar no máximo 10 posts por páginas (no meu coloco 5) e claro, não esqueça do link de navegação.
- O link de navegação é aqueles que ficam no final do blog, indicando “posts recentes” “posts anteriores” ou até uma paginação bonitinha. Pra quem usa o blogspot, ele já vem com aqueles links de “Posts anteriores” no final né, mas quem quer dar uma mudada pode tentar este tutorial . Já pra quem usa wordpress (com hospedagem paga) esse aqui é bem simples.
- Use botões de compartilhamento no final dos seus posts. O blogspot já tem essa opção, caso ela não esteja aparecendo no seu blog, vale dar uma olhada nesse tutorial.
- A qualidade das fotos que você posta também é um ítem muito importante, de que adianta ta com o blog bonitinho, post bom e as imagens serem micro ou desfocadas? Escolha imagens de resolução boa mas não tão grandes ou tão pequenas. Quando a foto é grande demais o blogspot tende à diminuí-la automaticamente fazendo com que fiquem pequenas demais nos posts. E quando ela é pequena ele pode aumentá-la e assim perde a qualidade. O ideal é que as imagens tenham a largura um pouco menor que a largura da área dos posts. Vou falar mais sobre esse assunto num próximo post.
- Quer que sua foto apareça nos comentários? Então clica aqui
- Quer algumas dicas de como customizar seu layout free do wordpress? Clica aqui. Vou até fazer a segunda versão desse post!
Bem, essa foram só algumas dicas para iniciar esta sessão. Deixem suas dúvidas e pedidos nos comentários que eu prometo responder tudo em um próximo post.
Espero que gostem.
Beijo
