Tag Archives: dicas de blog

Como colocar imagens sem título

Hoje vou mostrar 2 maneiras para você colocar imagens no widget do seu blog sem o título. É super simples, então siga o passo a passo e aprenda como.
Essa é a maneira mais fácil de adicionar imagens ou qualquer outro Gadget sem título, é escrevendo:   no lugar do título. E é ótimo usar esse pequeno truque, principalmente quando adicionamos imagens como About me.

No caso de imagens você clica em adicionar gadget >> imagem. Adiciona sua imagem e coloca no título  

A segunda maneira é adicionando a imagem com seu endereço no Gadget HTML/JavaScript. Para isso você terá que salvar a imagem no blogger. O jeito mais fácil de fazer isso clicando um Novo Post e adicionar a imagem:

1.Crie um novo post:

2. Clique para visualizar o post no formato HTML e copie o link da imagem que você fez o download. Ela começa logo depois de a href=” como mostrado na imagem abaixo. Selecione e copie esse link.
3. Agora vá para o Painel do blogger e clique em Layout > Adicionar GadGet
4. Escolha a opção HTML/JavaScript
5. Adicione o código abaixo e coloque o link da sua imagem e salve.
Se você gostou do tutorial, curta a página no facebook! 
E se você gostaria de ver algum tutorial em especial aqui no blog, deixe nos comentários o que gostaria de ver 😉

Os Novos tamanho das imagens na Fan Page (2014)

O facebook atualizou o formato das páginas. E aqui vai um resumo básico para você fazer bonito na sua fanpage.

  • Foto da capa: 851 x 315 px
  • Foto do perfil: 180 x 180 px
  • Imagens compartilhadas: 504px de largura e altura. Sendo que imagens mais altas aparecerá com bordas cinzas
  • Imagem de links: aparece com 484×252. Veja como compartilhar com imagens grandes aqui
  • Imagem de aplicativo: 111 x 74
Veja todas as medidas no infográfico abaixo. E para você não errar mais, clique na imagem, imprima e deixe perto do computador 😉
Para ver outras dicas sobre blog, clique aqui. E não deixe de conhecer meu novo blog: Recursos Para Você, que está cheio de coisas pra vc fazer o download e usar no seu blog 😉

Calendário para posts do mês

Pra quem me acompanha no Facebook, sabe que estou com um novo blog no ar, o Recursos para Você. Fiz esse novo cantinho pra poder compartilhar conteúdos que não cabem no Cores do Dia. Então lá você pode encontrar as 1001 coisas que vejo por aí prontinhas para fazer o download.
Eu fiquei tão empolgada com o blog, que já deixei posts prontos para o mês inteiro. Daí eu percebi que precisava me organizar mais e ver uma lógica na ordem das postagens. Acabei sentindo necessidade de por tudo no papel e por isso fiz um calendário mensal (super simples) só pra visualizar melhor as publicações do blog. 
Não sei se conseguem visualizar direito… Bom, estou deixando ele disponível para download caso queira usar também. Espero que gostem! E não deixe de conhecer o novo blog 😉

Links com Imagens Grandes no Facebook

A maior chatice do mundo é quando você leva horas pra fazer um post lindo então, na hora de compartilhar no facebook, ele mostra seu link com aquela imagem pequena no lado esquerdo… Aí, você fica horas compartilhando o link e anexando uma imagem para que a pessoa possa pelo menos ver direito do que se trata o assunto. 
Já faz tempo que eu quero saber qual a lógica por trás dos links compartilhados no facebook. E após uma pesquisa para um outro post que estou preparando, encontrei a resposta. E vim correndo compartilhar (atropelando os outros posts que estavam programados para serem publicados nesse blog)… E se você também odeia esse negócio de compartilhar links com imagens pequenas, ficará muito feliz por ter publicado logo esse post! Amém.
Veja como funciona:
600 x 315px é o tamanho mínimo da imagem para você ou alguém que compartilhar seu post no facebook, fazer isso com a imagem grande. O facebook recomenda imagens de 1200 x 630px. E caso sua imagem não esteja com a medida correta, o facebook centralizará a imagem automaticamente.

Se você não gosta de fazer posts com imagens horizontais, faça pelo menos imagens com 600px de largura no mínimo. Ela será centralizada, mas ainda estará grande no link. Outra coisa que vale notar é que se sua imagem tem um texto, ela poderá ser cortada se não estiver na proporção. Assim, você pode se prevenir centralizando o texto sempre que possível.

Gostou da dica? porque eu amei e estou contente em saber de tudo isso. E se quiser mais coisas para seu blog, visite a sessão SOS Blog e conheça meu novo blog RPV que está cheio de recursos pra você baixar e usar de graça no seu blog 😉

Conversa Intima – Conhecendo a Vizinhança

Continuando o projeto Conhecendo a Vizinhança, vamos ao blog do mês de abril: Conversa Intima [eu sei que o mês já terminou, mas não consegui finalizar o post a tempo]. Quer saber o motivo do atraso? É que a Srta. Fernanda coloca muito conteúdo bacana para ler! Daí fica difícil escolher o que mostrar aqui…

No blog você encontra muitas coisas legais, a Fer compartilha de tudo um pouco. Tem poesiaresenhasdiyreceitasdicas para deixar seu blog mais bonito, e muito mais! Vale a pena conhecer.

Mas hoje vou compartilhar algo que achei interessante, ela fez um tutorial mostrando como mapear as imagens. Sabe o que é mapeamento de imagens? É um recurso [ super fácil de usar ] que torna possível criar vários links em uma mesma imagem… Então imagine as possibilidades que você pode fazer com esse recurso! Só para citar alguns exemplos:

Esse tutorial está super fácil de entender, então nem vou perder tempo elaborando isso aqui, e fica a dica pra você passar lá e aprender como é fácil personalizar seu blog 😉 E se você gostar de lá, não esqueça de curtir a fanpage do Conversa Intima

Gostou do blog? Tem algum que você ama e gostaria de indicar? Compartilhe conosco!
E para conhecer mais sobre esse projeto, clique aqui:  Conhecendo a Vizinhança

Adicione botão “leve-me para cima” (scroll to top)

Sabe aquele botãozinho legal que aparece no lado de alguns blogs? Aquele que quando você clica ele te leva pra cima da página? Então, hoje vou ensinar a fazer um botão desses. Ele é conhecido como “Scroll to top”. 

1. Como sempre, faça o backup do seu template.

2. No painel do blogger, vá para Modelo > Editar HTML

3. Clique em qualquer lugar da janela de código e aperte Control+F ou Command+F e procure </head>

4. Acima de </head>, cole o seguinte código

5. Salve o modelo.

6. Vá para Layout > Adicionar Gadget. E Adicione HTML/JavaScript e cole o código abaixo

7. Substitua SUA IMAGEM por qualquer imagem que queira.
8. Salve e pronto
Eu coloquei um aqui no blog e está com esse desenho aqui embaixo, clique para ver o que acontece!

Como retirar Linkwithin da página inicial blog

Depois que eu passei o tutorial de como colocar Linkwithin no blogger, algumas pessoas tiveram alguns problemas, pois os posts relacionados apareciam na página inicial do blog. E era uma coisa estranha, pois em alguns casos isso acontecia e em outros não. E como recentemente tive um problema com meu layout [apaguei ele sem querer], eu refiz o layout e instalei o Linkwith, e infelizmente, esse problema aconteceu comigo… Mas felizmente, corri atrás da solução e encontrei! E hoje eu vim compartilhar com vocês.
Antes de começar esse tutorial, faça o Backup do template do seu blog. 
Vou explicar como fazer isso de duas maneiras:
Se você não tem o LinkWithin ainda ou se você excluiu ele e deseja instalar de novo.
1. Vá para site do LinkWithin e pegue o código para instalar. Se você não sabe como fazer isso, siga esse tutorial (ele mostra como gerar o widget do LinkWithin).
2. Agora que você pegou o código, copie-o e cole em algum notepad do seu computador. 
3. No seu painel do Blogger vá para o Modelo > Editar HTML

4. Clique em qualquer lugar na tela do seu código e aperte Control+F ou Command+F e procure por </body>
5. Cole o seguinte código acima de </body>:
6. Agora você deve substituir a linha que esta escrito COLE O CODIGO DO LINKWITHIN AQUI pelo código gerado na etapa 1 desse tutorial (o código do linkwithin)
7. Salve as alterações do modelo e pronto!
Se você já instalou o widget no seu blog
1. Vá para Modelo > Editar HTML no painel do seu blog


2. Clique em qualquer lugar na tela do seu código e aperte Control+F ou Command+F e procure por </body>

3. Procure pelo código do widget do LinkWithin e cole o código do item 5 (Acima) antes e depois do código do Linkwithin.
O crédito desse tutorial vai para All Tech Story, onde eu encontrei a solução certa para esse problema com o LinkWithin.

Rosto de Neve – Conhecendo a Vizinhança

Estou super empolgada com esse projeto! Quero muito conhecer outros blogs interessantes… por isso, não via a hora de começar! Então….vamos iniciar o projeto Conhecendo a Vizinhança!

Hoje vou apresentar Rosto de Neve, o blog da Suelen Lima. Além de fazer desenhos super fofos, ela escreve sobre diversos assuntos legais: música, tatuagem, papelaria, ilustrações, compras, beleza… e tem muito mais! Mas a categoria que mais gostei foi Achey no ebay.
No último post que li desta categoria, ela comentou que foi procurar sketchbooks em algumas livrarias conceituadas (até imagino qual seria uma delas… pois sempre entro lá e fico paquerando os sketchbooks disponíveis), e menciona como estava super caro comprar apenas 2 cadernos pequenos (A6)! 
Ilustrado por Suelen Lima
E para a nossa sorte, essa situação deixou Suelen e, provavelmente, todos os outros consumidores (normais) daquela livraria revoltados; e isso fez com que ela elaborasse uma lista super bacana com 6 sketchbook disponíveis no Ebay.!! Veja como os itens são fofos

Para ver onde comprar e como, clique aqui.

Adorei conhecer Rosto de Neve! Vale muito a pena ver tudo por lá!

Se você quiser indicar algum blog para Conhecendo a Vizinhança, deixe o link aqui!

Como fazer links que mudam a imagem

Hoje vou ensinar como criar links com imagens que mudam quando colocam o cursor em cima. Acho que deve existir um modo mais fácil… mas esse é o modo que sei fazer e por isso vou ensinar aqui. Veja um exemplo abaixo:

Legal né? e você pode fazer isso com qualquer imagem, até com os ícones. Então, se quiser aprender, siga os passos abaixo.
1. hospede as imagens e copie o link delas. Se você não sabe como e onde hospedar uma imagem, clique aqui.
2. Copie, cole e faça as seguintes alterações no código abaixo:


URL de redirecionamento: Escreva o link que vai abri após clicar
Primeira Imagem: link da primeira imagem que você quer que apareça
Segunda Imagem: link da imagem que aparecerá ao ser colocado o mouse em cima.

3. Copie e cole o código abaixo, no local que você quer que apareça esse link de imagem que muda.

Se você quer que apareça em um post específico, cole na versão HTML do post, como mostra na imagem abaixo, e faça as mudanças necessárias.


No caso do ser ícones, e você preferir colocar na barra lateral do blogger, vá para o painel do blogger > Layout > Adicionar um novo Gadget > HTML/JavaScript. Cole o código.
Pronto.
1 2 3 4