Blogger - Como mudar o plano de fundo do blog

Muitas pessoas usam os templates disponibilizados pelas plataformas de blog e é muito simples trocar as imagens com recursos natos da mesma. Mas substituir imagens de plano de fundo em templates de terceiros já é mais complicado; pois a própria plataforma não aceita estes templates.

Neste artigo ensinaremos como trocar, editar e ajustar seu plano de fundo, caso não tenha gostado do atual. Essa dica é muito boa para se colocar imagens mais a ver com o tema abordado em seu blog e também torna possível aquela personalização pessoal ou para sua empresa.

Depois de experimentar a dica pessoalmente neste mesmo blog, onde atualizei o template para responsivo; decidi compartilhar estas informações com meus leitores que sempre estão ligados no Processo Blogs e acompanhando nosso conteúdo sempre que possível.

Mudando o plano de fundo no Blogger

Essa dica não é fácil, mas se seguir as dicas corretamente, tudo sairá perfeitamente e terá seu blog personalizado como deseja. Existem várias possibilidades de edição e estarei passando uma a uma para você.

Antes de qualquer movimento de risco, salve sempre um backup de seu template para caso aconteça alguma coisa errada, possa restaurar pelo backup.

Basicamente você editará somente um código em todo o template para obter resultados diferentes. Para isso é preciso que entre em sua conta no Blogger > Coloque no modo de edição HTML do blog (Não das postagens) e dentro do código do template, segure CTRL + F para acionar a ferramenta de busca.

Digite: body {background:#000000;}

A tag aparecerá marcada no template. Agora basta seguir as seguintes dicas para cada alteração.

1. Mudança de Cor

Para mudar a cor de seu template, basta apenas mudar o seguinte trecho do código: #000000. Esse código hexadecimal define a cor do plano de fundo de seu plano de fundo; no caso de estar usando apenas cor no mesmo. Para ver todas as cores que pode usar nesse caso, clique aqui.

Basta apenas copiar o código desejado e colar substituindo o que esta sendo usado no momento. Depois salve e já poderá visualizar a outra cor.

2. Imagem de Fundo

Se seu template não possui imagem de plano de fundo, basta apenas adicionar o seguinte código ao mostrado anteriormente lá em cima:

background:#000000 url (url da imagem) repeat;



No caso acima, apenas adicione a código em vermelho e onde está "url da imagem"; coloque a URL da imagem que deseja usar de plano de fundo. Você pode copiar diretamente de imagens da web, como também pode salvar em seu computar; armazenar a mesma no próprio Blogger por segurança no editor de publicações e copiar a URL. Entenda porque é melhor armazenar as imagens na plataforma:

• Como evitar erros e defeitos no template

Uma dica importante é saber qual o tamanho ideal de uma imagem para o plano de fundo de seu blog. Não existe um tamanho específico, mas para se preencher todo o fundo do blog, o tamanho 1024 x 850 é excelente. Mas passaremos alguns códigos para se criar mais opções com sua imagem de fundo.

Outra dica é não exagerar na resolução de sua imagem, pois isso afetará o carregamento do mesmo. 

3. Controlar Imagem

Existem alguns códigos que podem ser ainda adicionados a este para se controlar a imagem usada no plano de fundo. Mas nesse caso, terá que substituir apenas a última parte do código em vermelho por qualquer dos códigos da lista.

background:#000000 url (url da imagem) repeat;

repeat; – Se você quiser que a imagem se repita

repeat-y; – A imagem repete na vertical

repeat-x; – A imagem repete na horizontal

no-repeat; – Se você não quer que a imagem se repita

top; – Imagem somente no topo

bottom; – Imagem somente abaixo

right; – Imagem a direita

left; – Imagem a esquerda

No caso de não repetir a imagem, é necessário ainda alguns códigos para se controlar o posicionamento da imagem no blog. São eles:

background: #000 url(url da imagem) no-repeat top left; - neste exemplo a imagem não se repete e se apresenta no topo à esquerda.

Para que a imagem fique fixa na tela:

background-attachment: fixed;

Para que a imagem role com a tela:

background-attachment: scroll;

Mas e se a imagem for menor? Nesse caso sempre sobra espaço no plano de fundo e para isso use o seguinte código para mostrar simultaneamente a imagem e cor onde ela não cobrir:

background: #000000 url(http://url-da-imagem/) no-repeat bottom left; - Fundo preto e imagem não repete e se apresenta somente abaixo e à esquerda. 

Se você ou qualquer outro leitor usar Internet Explorer para acessar seu blog, pode acontecer que a imagem nem apareça na tela; mas é porque o Explorer tem dificuldade de interpretar certos códigos e para isso basta aplicar a seguinte correção:

background:++#000000++url(http://endereço-da-imagem)++no-repeat++bottom++left;

Notou? Insira os sinais "++" nos locais mostrados e o problema estará resolvido. Depois de todas as alterações desejadas feitas, basta apenas salvar e ver como ficou seu blog. 

Estas dicas foram baseadas em um artigo do Mundo Blogger. Gostou? Comente, compartilhe e complemente este artigo com mais informações sobre como alterar, editar e lidar com o plano de fundo no Blogger. 

Ricardo F.S é administrador da empresa Ricardo Arts em Valparaíso e dos blogs Blog Ricardo Arts,Dinheiro sem Limite e Processo Blogs na internet. Possui curso completo de informática e internet e possui anos de conhecimento com blogs. Atualmente trabalha como letrista, desenhista e pintor; prestando serviços também na web com design. Para saber mais clique aqui.

Leia Mais

Como evitar erros e defeitos no template

Manter um blog com layout original nem sempre é tão fácil por alguns motivos bem óbvios como códigos hospedados fora do host onde seu blog esta hospedado e imagens também.

É raro acontecer, mas sempre existem serviços de hospedagem que podem dar pau, ficar fora do ar por dias ou mesmo desaparecer com tudo quanto esta hospedado nele. Se seu template tem itens hospedados neste servidor, poderá dizer adeus ao seu template e contemplar lugares vagos nele e até erros na estrutura por sumiço dos códigos e imagens.

Para solucionar este problema bolei uma solução que talvez alguém tenha já descoberto; mas ainda não tinha lido nada a respeito. É uma solução um tanto complexa, mas não é impossível de entender. Essa dica vai garantir que seu blog, fique normal pelo menos enquanto durar a plataforma onde seu blog estiver hospedado.

Claro que essas dicas só servem para blogueiros que possuem blogs em plataformas gratuitas. Quem paga hospedagem não precisa se preocupar com esses problemas e pode armazenar suas imagens e códigos no serviço que paga.

Re-hospedando imagens e códigos

É um trabalho meio complicado, mas seguindo atentamente os passos com certeza conseguirá fazer tudo tranquilamente. Antes de mais nada eu recomendo que faça um backup do seu template para não ter riscos de problemas surgirem por possíveis erros seus.

Siga os seguintes passos para primeiramente preservar as imagens contidas em seu template:

1. Acesse e faça login na plataforma onde seu blog foi criado;
2. Entre no modo de edição HTML;
3. Acione a ferramenta de busca por códigos. No Blogger, basta clicar em CTRL+F dentro do HTML;
4. Busque pelas palavras "image:url";
5. Selecione as URLs após essas tags e abra em outra guia do navegador para ver que imagem é;
6. Salve-a em seu computador;
7. Abra outra aba na sua conta onde esta seu blog e abra a ferramenta de criação de artigos;
8. Faça upload da imagem no artigo e no modo HTML, localize a URL dada a imagem;
9. Copie essa URL (geralmente localizada após a tag "img src:");
10. Cole no lugar da URL antiga na outra aba aberta;
11. Vá salvando as alterações e visualizando para ver se esta tudo nos conformes;
12. Se tudo estiver correto, proceda com os mesmos passos para outras imagens e no final salve as alterações no template e feche a segunda aba usada para subir as imagens no servidor de seu blog.

Para que entenda melhor esse esquema que bolei; você simplesmente tira suas imagens de um servidor que pode ou não ser de risco e as coloca no servidor onde se encontra seu blog. Fazendo isso, suas imagens e códigos só desaparecerão quando seu blog desaparecer ou a plataforma fechar mesmo. 

Os códigos são um pouco mais complicados, mas poderá pegar a fonte dos mesmos, salvar em um arquivo com a extensão própria e salvá-los em um host próprio. Nesse caso não tem como salvar em plataformas como Blogger, Tumblr e Wordpress (Grátis). 

Você precisa de um serviço de armazenamento de confiança que tenha certeza de que não vai bugar sempre e nem sair fora do ar. Hospedado seus scripts, Jquery e outros, ocorrerão menos possibilidades de dar pau no seu template e surgirem áreas defeituosas.

Carregamento mais rápido!

Surpresa! De quebra você ganha um blog bem mais otimizado e seus leitores vão perceber a diferença no ato! Já que suas imagens já não estarão  hospedadas em servidores distantes e dispersas; serão carregadas todas a partir do serviço onde as hospedou.

Sendo assim, seu blog vai carregar muito mais rápido e isso é muito vantajoso para blogueiros e leitores. Boa dica não é mesmo? ;-)

Espero que tenha gostado da dica e conto com sua participação neste artigo para complemento, correção e o que mais quiser. Fique de olho nas novidades porque tem mais pela frente.

Sobre o Autor:

Ricardo F.S é administrador da empresa Ricardo Arts em Valparaíso e dos blogs Blog Ricardo Arts,Dinheiro sem Limite e Processo Blogs na internet. Possui curso completo de informática e internet e possui anos de conhecimento com blogs. Atualmente trabalha como letrista, desenhista e pintor; prestando serviços também na web com design. Para saber mais clique aqui.

Leia Mais

Clipow - Divulgue seu blog neste agregador de links

Quer que seu blog apareça mais nas pesquisas e não sabe como proceder? Agregadores de links são excelentes ferramentas de divulgação pela web, e quanto mais você conhecer e se animar a enviar seus links, melhores resultados você obterá.

O Clipnow é um site bem popular na web e no exato momento que escrevia essa linha tinha exatamente 1.476 visitantes no site. O site é realmente muito movimentado e seu blog pode alavancar nas visitar. Mas devo ser sincero em dizer que não basta apenas isso para se manter suas visitas; deixe seu blog mais convidativo e seus artigos atraentes para que os visitantes gostem de seu blog e sempre acompanhem as novidades.

Para que seu link seja selecionado para aparecer nos links da primeira página, é necessário que o selo do Clipnow esteja na primeira página de seu blog. Tarefa simples para qualquer blogueiro.

Como se cadastrar no Clipnow

Vou ensinar como criar sua conta e como enviar seus links para o site. Acompanhe:

1. Clique aqui para acessar o site;
2. Clique em "Cadastro";
3. Se preferir entrar com sua conta do Facebook será bem mais vantajoso. Para entrar assim, basta apenas clicar no botão de login e logar em sua conta no Facebook;
4. Aceite todas as exigências quando logar com o Facebook;
5. Conta criada!  

Para enviar seus artigos, basta apenas clicar no botão ou link "Enviar Links". Preencha as informações necessárias nessa página, como: Imagem do artigo, título, link da postagem, texto da postagem e tags. 

Ao final das informações, basta escolher entre publicar no Clipnow ou no Facebook. Pronto! Seu artigo estará exposto aos olhos de muitas pessoas que visitam o Clipnow. Mas não se esqueça de colocar o selo em seu blog para concorrer aos primeiros lugares na página do site.

Sucesso com seu blog e comente sobre o assunto, compartilhe e continue acompanhando as novidades por aqui. 

Sobre o Autor:

Ricardo F.S é administrador da empresa Ricardo Arts em Valparaíso e dos blogs Blog Ricardo Arts,Dinheiro sem Limite e Processo Blogs na internet. Possui curso completo de informática e internet e possui anos de conhecimento com blogs. Atualmente trabalha como letrista, desenhista e pintor; prestando serviços também na web com design. Para saber mais clique aqui.

Leia Mais

Como inserir e organizar anúncios em artigos

Mais um artigo em resposta as duvidas de nossos leitores! Dessa vez ensinaremos como inserir anúncios em seu blog e organizá-los nos artigos conforme queira. Poderá alinhá-los à direita ou esquerda e ainda ganhar dinheiro que é o objetivo de se colocar estes anúncios nos artigos.

Já publiquei um artigo parecido no blog Ricardo Arts e estarei publicando aqui também. Muitos blogueiros ao iniciarem sua carreira acabam chegando a este ponto crucial e não conseguem controlar o local onde os anúncios deverão aparecer.

Se você é um desses blogueiros, chega de dor de cabeça e aprendamos como controlar esses anúncios rebeldes! Sem mais, mãos a obra!

Código de Inserção de Banners

Para alinhar seus anúncios é necessário antes de mais nada, ter uma conta em qualquer plataforma de anúncios, afiliados ou outra qualquer que possua banners como ferramentas de divulgação. Alguns exemplos dessas plataformas é o Google AdSense, Boo-Box, Lomadee e outras que poderá encontrar no Dinheiro sem Limite. Ou mesmo clicando aqui.

Depois de ter uma conta com acesso a códigos com anúncios, você terá que ter sempre a mão o seguinte código HTML:

<b:if cond='data:blog.pageType == "item"'>
<p style="display: inline; float: right; margin-right: 0px">
<a href="http://hotmart.net.br/show.html?a=F1895682R" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLfUFkFva51gYP5U19vvOSFqlvP4uwcjL5WtuOdWp0E0KfplpDBt_o9POOGWnxJ8tcUVekW96xVevCOrxXOuURPIv5Fr1qmQGWzlZvwPOgeE-B1iE8r7tnogs1boaKmdPAWrAOKZhttBHD/s1600/original-afiliados.jpg" /></a></div>
</p>
</b:if>

Em vermelho esta o código do anúncio do afiliado ou banner de publicidade. Em negrito, é onde você controla a posição dos anúncios dentro dos artigos. Usando "right" você coloca o banner do lado direito do artigo e "left", do lado esquerdo.

Mas nunca se esqueça de inserir este código no modo de edição HTML nas postagens. E procure sempre colocar os anúncios em posições adequadas que não tire a atenção dos leitores de ler seus artigos.

Não se preocupe se ao voltar para o modo de edição de texto comum, o banner não aparecer. Basta apenas visualizar o artigo para ver como vai ficar e ele aparecerá lá. Mas no modo HTML, aparecerá apenas um espaço em branco.

Uma dica minha é que crie arquivos em bloco de notas e salve já prontos. Assim, quando precisar usá-los, estarão no jeito e não precisará repetir todo processo sempre.

Eu recomendaria no máximo três banners por artigo, sendo dois ao final e um no topo, no meio a esquerda ou a direita. Daí fica a seu critério... Vou ficando por aqui, mas fique de olho nas novidades! Assine as atualizações; compartilhe e participe dando sua opinião ou complementando este artigo.

Sobre o Autor:

Ricardo F.S é administrador da empresa Ricardo Arts em Valparaíso e dos blogs Blog Ricardo Arts,Dinheiro sem Limite e Processo Blogs na internet. Possui curso completo de informática e internet e possui anos de conhecimento com blogs. Atualmente trabalha como letrista, desenhista e pintor; prestando serviços também na web com design. Para saber mais clique aqui.

Leia Mais

Google AdSense e as alterações no layout

Eu sei que há algum tempo que as mudanças no AdSense já tinham sido feitas, mas me comunicaram mais recentemente e por isso resolvi falar sobre as mesmas agora e isso de certa importância pra quem não quer ficar perdido em meio a tantas atualizações e mudanças no mundo da web.

O Google AdSense é uma das plataformas usadas para se divulgar e também monetizar sites e blogs para se ganhar dinheiro. Uso o Google AdSense na maior parte de meus blogs e tem sido muito bom e rentável. Por isso, pelo uso frequente dessa plataforma, preciso estar sempre por dentro das atualizações.

Se você também é usuário dessa plataforma, com certeza vai gostar de acompanhar o que mudou na mesma. São poucas mudanças, mas precisamos estar por dentro.

Mudanças no AdSense 2014 - Novo Painel de Recursos

Esta é uma mini janela que se abre para os usuários informando o que foi mudado no AdSense e com uma prévia do novo layout das informações e dos gráficos de sua conta.

Ficou tudo mais acessível e com informações mais claras de se entender. As áreas e recursos que antes ficavam a esquerda em sua conta, agora estão ocultas em uma pequena engrenagem na barra do Adsense. Confira na imagem abaixo:

Para acessar os recursos de antes do menu lateral, basta clicar na engrenagem e as opções se abrirão. Muito simples e prático e o ambiente dentro do AdSense ficou bem mais limpo.

Só espero que com tantas mudanças eles não vetem o melhor do AdSense como fizeram com o Analytics que passou a ser pago em alguns aspectos. Mas trataremos disso em outro artigo.

E você, usa o AdSense para monetizar seu blog? O que achou dessas mudanças? Opine, compartilhe por aí as novidades e sigas as atualizações!

Sobre o Autor:

Ricardo F.S é administrador da empresa Ricardo Arts em Valparaíso e dos blogs Blog Ricardo Arts,Dinheiro sem Limite e Processo Blogs na internet. Possui curso completo de informática e internet e possui anos de conhecimento com blogs. Atualmente trabalha como letrista, desenhista e pintor; prestando serviços também na web com design. Para saber mais clique aqui.

Leia Mais

Como restaurar um template com problemas?

Lidar com HTML e edição de um blog não é tarefa fácil, mas sim para web designers e programadores. Com a chegada das tecnologias HTML5 e CSS3 a coisa fica ainda mais complicada. Mas não dá pra negar que muitos blogueiros bem motivados sempre acabam "fuçando" daqui e dali e aprendendo alguma coisa só para fazerem eles mesmos os ajustes, manutenção e edição em seus blogs.

Claro que isso livra de muitos gastos com profissionais dessa área; mas admitamos que não chega nem aos pés do resultado que os caras produzem; mas a questão não é essa e sim as consequências desse aprendizado por conta própria e os riscos que existem em colocar a mão na massa e fazer tudo sozinho.

Estou falando de pequenos conflitos, defeitos na estrutura do blog e até perca total do template por uma manobra aparentemente irreversível. Isso já aconteceu comigo no princípio da minha carreira e me deu muita dor de cabeça até admitir que meu template estava realmente perdido.

Se você já passou por isso, sabe muito bem como dói causar danos irreversíveis em seu blog e mesmo gostando tanto do template, ter que excluí-lo porque alco deu errado. Mas hoje ensinarei como contornar essa situação trágica e salvar seu blog, mesmo quando tudo parece perdido.

Restaurando o Template de seu Blog

Eu me baseei no Blogger para realizar esta façanha, mas funciona com Wordpress, Tumblr e outras plataformas que permitam edição do blog no modo HTML.

Nesse caso você terá que ter sempre à disposição uma cópia do template em uso no momento. Pois sem ele seu projeto realmente estará perdido e não há muito que se possa fazer.

Existe um recurso no Blogger onde você pode reverter alterações apenas clicando no botão "Reverter Alterações". Mas infelizmente existem casos onde já salvou as alterações que não é possível; daí entra o esquema que bolei para salvar seu dia e seu blog.

Basta apenas abrir seu blog no modo de edição de HTML e o template salvo no computador com o bloco WordPad do Windows (Para quem usa Windows). Recomendo esse software porque o mesmo abre os códigos mais organizadamente e permite detectar melhor as tags e tudo mais. Sem contar que tem um localizador rápido de tags e códigos que ajuda demais nessas horas.

Se você excluiu, colocou algo a mais que deu errado ou duplicou algum código que causou conflito, erro ao salvar as mudanças ou mesmo deixou seu blog uma merda; basta apenas detectar onde ocorreu o problema e usando o código do template, substituir o código do blog paulado.

Mas se não souber nem mesmo onde foi que você detonou tudo, recomendo que perca todas as suas alterações até ali e recoloque o template novamente como baixou, pois sem saber onde fez as alterações fica complicado de consertar.

Entendeu não? O esquema é simplesmente pegar a parte do código boa no template original guardado e colar onde apagou, errou ou substituiu códigos no que esta em seu blog. No caso de duplicação, basta apenas identificar o código duplicado e deletar um deles. Já passei por um caso desses e tive uma baita dor de cabeça...

Feita as alterações, salve e confira se esta tudo normal novamente. Dá um trabalho sim, mas é melhor que excluir todo seu trabalho e recomeçar do zero. Eu não sei você, mas eu desanimo profundamente ter que recomeçar um projeto do nada novamente.

Gostaria de saber se já passou por alguma situação do tipo e se gostou dessa dica. Ajude outros blogueiros compartilhando esse artigo. O mundo só vai melhorar com esses gestos. Obrigado e acompanhe nossas atualizações e até a próxima!

Sobre o Autor:

Ricardo F.S é administrador da empresa Ricardo Arts em Valparaíso e dos blogs Blog Ricardo Arts,Dinheiro sem Limite e Processo Blogs na internet. Possui curso completo de informática e internet e possui anos de conhecimento com blogs. Atualmente trabalha como letrista, desenhista e pintor; prestando serviços também na web com design. Para saber mais clique aqui.

Leia Mais

Blogger - Notificações de comentários nos artigos

Você sabe como ficar por dentro quando alguém comenta em um artigo que você está interessado? E se você é um blogueiro; sabe como ativar este recurso para que seu leitores possa estar por dentro do que acontece nos comentários desse conteúdo?

Lucas Persson, administrador dos blog Power Rangers Forever sempre esta conosco lendo nossos artigos e participando com seus comentários e em um deles ele levantou essa questão interessante sobre as notificações de comentários nos artigos do Blogger.

Mas é preciso mesmo ativar este recurso em seu blog? Que vantagem isso pode trazer para o blogueiro? Na verdade é uma ferramenta muito eficaz para interação com os leitores; e para quem lê e acompanha determinado assunto publicado em um blog, tem muita importância para se acompanhar debates, levantamento de soluções e outras questões.

Neste artigo, não só vou mostrar como um blogueiro ativa esta ferramenta em seu blog, mas também a como receber novas manifestações por parte do administrador ou de outros leitores no artigo em vista. Vamos lá então?

Ativando Notificações de Comentários por Email

Essa parte do artigo vai para meu amigo Lucas e outros blogueiros que queiram aprender como ativar esta ferramenta. Basta seguir os simples passos abaixo:

1. Acesse o Blogger e faça login;
2. Entre na área administrativa do blogger;
3. Escolha o menu "Configurações";
4. Na área "Celular e Email", no final da página em e-mail de notificação de comentários colocar o e-mail, ou e-mails, que deseja que recebam os avisos de comentários;
5. Agora clique em "Salvar Configurações" e pronto.

Se você fez tudo corretamente com certeza já verá o recurso "Receber Notificações" aparecendo na área de comentários de seu blog ao final de cada artigo. 

Recebendo Notificações de Comentários por Email

Para receber as notificações é muito mais rápido e sem lengas; bastando apenas marcar que quer receber as mesmas por email e já no menu suspenso da ferramenta de comentários conterá seu email (se possuir qualquer conta Google: Gmail, Google+, Google Drive e outras).

Descomplicado não é mesmo? Espero que tenha ajudado quem precise e sinta-se sempre a vontade em comentar e participar de nossas publicações. Assine as atualizações e receba em seu email cada novidade que aqui publicarmos.

Sobre o Autor:

Ricardo F.S é administrador da empresa Ricardo Arts em Valparaíso e dos blogs Blog Ricardo Arts,Dinheiro sem Limite e Processo Blogs na internet. Possui curso completo de informática e internet e possui anos de conhecimento com blogs. Atualmente trabalha como letrista, desenhista e pintor; prestando serviços também na web com design. Para saber mais clique aqui.

Leia Mais