RL Design Blog

Como fazer um Banner no Photoshop CS5

noreply@blogger.com (RL Design) — Fri, 13 Jan 2012 00:21:00 +0000

Template - The Latest

noreply@blogger.com (RL Design) — Tue, 10 Jan 2012 22:53:00 +0000

Como tirar o máximo do AdSense

noreply@blogger.com (RL Design) — Sun, 08 Jan 2012 17:02:00 +0000

Há um tempo atrás publicamos uma postagem explicando “Colocando publicidade em seu blog”, hoje vamos indicar um vídeo explicando como tirar o máximo do AdSense. Este video foi criado pelo proprio Google. Confira!

Colocando publicidade em seu blog

noreply@blogger.com (RL Design) — Tue, 03 Jan 2012 22:52:00 +0000

Olá pessoal, atendendo a várias solicitações que recebi, vamos explicar como colocar propagandas do adsense em seu blog.

Em primeiro lugar é preciso ter uma conta no "ADSENSE", agora que você já tem um cadastro no adsense vamos colocar propagandas na sua página.

Entre com seu login no adsense e clique em "CONFIGURAÇÃO DO ADSENSE", abrira uma tela igual a imagem abaixo

Em seguida clique em "ADSENSE PARA CONTEÚDO", abrira uma tela igual a imagem abaixo

Nesta tela você pode fazer as seguintes configurações, temos duas opções, Bloco de anúncios e Bloco de links, vamos trabalhar neste tutorial apenas com os Blocos de anúncios, selecione a opção Bloco de anúncios, você pode escolher "Anúncios gráficos e textos", "Somente anúncios de texto" ou "Somente anúncios gráficos". Recomendamos utilizar Blocos de anúncios gráficos e textos, pois a possibilidade de entrar anúncios relevantes na sua página é maior, escolhendo a opção desejada clique em "CONTINUAR".
Clicando em "CONTINUAR", abrira uma tela igual a imagem abaixo

Nesta tela você pode configurar o tamanho dos anúncios e as cores, na opção "FORMATO" vamos escolher os tamanhos dos nossos anúncios, clique no menu ao lado direito, ao clicar neste menu abrira as opções dos tamanhos dos anúncios, escolha o tamanho que ficará perfeito em sua página. Agora vamos escolher as cores do nosso anúncio, na opção "CORES" clique no menu do lado direito e abrira as opções prontas para serem configuradas no seu anúncio, ou podemos configura-las manualmente clicando nos quadradinhos e escolhendo as cores que mais nos agrada.
Terminando as configurações, clique em "CONTINUAR", abrira uma tela igual a imagem abaixo

Nesta tela é só clicar em "CONTINUAR", abrira uma tela igual a imagem abaixo

Agora o ultimo passo, clique na opção "ENVIAR E OBTER CÓDIGO", abrira uma tela igual a imagem abaixo

Observe que nesta tela o adsense fornece um código, clicando neste código automaticamente ira selecionar tudo, copie o código e cole-o em sua página.

Para colar este código na sua página, faça o login no seu blog, escolha a opção "LAYOUT" clique em "ADICIONAR UM GADGET" e escolha a opção "HTML/JavaScript e cole o código do adsense nesta opção.
Agora é só escolher onde o seu anúncio ficará.

É isso ai pessoal, espero que esta dica seja muito útil pra vocês, qualquer duvida deixe um comentário que estaremos esclarecendo todas as dúvidas.

Até mais.

Template - SPIDERMAN

noreply@blogger.com (RL Design) — Sat, 31 Dec 2011 20:57:00 +0000

Colocando um Tradutor no blog

noreply@blogger.com (RL Design) — Sat, 31 Dec 2011 00:13:00 +0000

Olá pessoal,

hoje vamos explicar como se coloca um tradutor em blogs, é muito simples.

Entre em sua página de login em seguida clique em "LAYOUT" escolha onde ira colocar o código do tradutor, recomendamos colocar o tradutor na coluna lateral no topo, clique em "ADICIONAR UM GADGET", escolha a opção "HTML/JavaScript, agora é só copiar o código abaixo e colar dentro da opção HTML/JavaScript e salvar.

Código “Imprimir esta página” em seu Blog

noreply@blogger.com (RL Design) — Fri, 30 Dec 2011 17:50:00 +0000

Olá pessoal,
hoje vamos explicar como colocar um ícone de Impressora para que seus leitores possam imprimir a página do seu Blog ou Site sem nenhum sacríficio.
Geralmente quando precisamos imprimir alguma página precisamos ir até “Arquivo e clicar em Imprimir”, com o código que vamos fornecer aqui no RL Desig ‘Blog’ é só clicar no ícone e pronto a página será impressa.
Para fazer isso é muito simples, faça o login em seguida clique em “DESING” depois em “EDITAR HTML” agora clique na janelinha onde está escrito “EXPANDIR MODELOS DE WIDGETS” e com a ajuda de Ctrl+F procure pelo seguinte trecho:

<div class='post-header-line-1'>

Agora cole o seguinte código abaixo do trecho que localizamos:

Agora é só salvar e visualizar para ver como ficou.

Caso você queira mudar o ícone de lugar é só alterar a parte do código que está grifado em azul, para colocar o ícone na esquerda 'left' para colocar no centro 'center' para colocar na direita 'right', lembrando que as aspas fazem parte do código.

É isso ai pessoal, espero que mais esta dica seja muito útil.

Aumentando e diminuindo as letras dos textos do seu blog

noreply@blogger.com (RL Design) — Tue, 27 Dec 2011 22:12:00 +0000

Olá pessoal,

hoje vamos explicar como utilizar um código para aumentar e diminuir as letras dos textos do seu Blog ou Site.
Fazer isso é muito simples e rapido, basta fazer o login em seguida clique em “DESIGN” selecione a opção “ADICIONAR UM GADGET” abrirá uma nova janela escolha a opção “HTML/JavaScript” logo abaixo do titulo onde está escrito “CONTEÚDO” cole o código que está logo abaixo, agora é só salvar e verificar se tudo está do seu agrado.

Caso você queira trocar as imagens é só escolher uma imagem do seu gosto hospeda-la e trocar os links que estão em negrito. É isso ai pessoal, espero que mais está dica possa ajudar muitos blogueiros, qualquer dúvida é só deixar um coméntario que estaremos esclarecendo todas as dúvidas.

Publicidade lado a lado

noreply@blogger.com (RL Design) — Sat, 24 Dec 2011 14:36:00 +0000

Olá pessoal, hoje vamos explicar como colocar anúncios um ao lado do outro antes do titulo do último post, utilizando blocos anúncios de 250 x 250.

Você pode utilizar este método nas colunas laterais utilizando blocos de anúncios menores como Botão de 125 x 125 ou pequeno quadrado 200 x 200.

Utilizar este metodo é muito simples, faça login no seu blog, entre em "Layout", acima de postagens no blog clique em "Adicionar um Gadget", na proxima tela que abrirá escolha a opção "HTML/JavaScript", copie todo o código logo abaixo:

<div align="center"><table
style rgb(243, cellspacing="4
" border: 7); 145, 100%; width:="solid" cellpadding="2" text-align: left; 1px> <tbody>
<tr>
<td valign="undefined" align="left">

Código do seu anúncio
</td>
<td valign="undefined" align="undefined">

Código do seu anúncio
</td>
</tr>
</tbody>
</table
style></div>

Agora é só colar todo o código na opção "HTML/JavaScript", copie os códigos das publicidades que você irá utilizar e cole onde esta escrito "Código do seu anúncio", clique em salvar e já esta pronto.

É isso ai pessoal, espero que tenha sido útil mais esta dica, caso tenham alguma dúvida por favor deixe um comentário que estaremos esclarecendo todas as dúvidas.

Até a próxima!!!

Iniciando com o Google Analytics

noreply@blogger.com (RL Design) — Fri, 23 Dec 2011 20:32:00 +0000

Como na semana passada explicamos “Como criar uma conta no Google Analytics”, hoje vamos indicar um video explicando como utilizar o Google Analytics.
Com este video você aprenderá a manusear todas as funções deste poderoso contador de visitas, vale a pena dar 10 minutos do seu tempo para aprender um pouco mais sobre o Google Analytics, pois conhecimento nunca é demais.

Criando uma conta no Google Analytics

noreply@blogger.com (RL Design) — Tue, 20 Dec 2011 21:01:00 +0000

Hoje falaremos um pouco sobre o famoso contador de visitas “Google Analytics” com este contador podemos monitorar as nossas visitas, também visualizar as origens de tráfego,como por exemplo:

Os tráfegos diretos:

Podemos visualizar a quantidade de visitas que o seu site recebeu,

O tempo médio que as pessoas ficaram no site,

Podemos visualizar a taxa de rejeições,

Páginas visitadas e novas visitas.

Não parece mas essas informações são muito importantes para nós blogueiros, pois através delas podemos fazer alterações visando melhorar o número de visitas em nossas páginas,o tempo dessas visitas e também diminuir a taxa de rejeição em relação ao nosso blog, já que o o Google Analytics, nos fornece todos esses dados.

Agora que já fizemos um breve resumo das excelentes funções deste contador de visitas, vamos ver como criar uma conta.

OBS: Caso você já tenha uma conta no “Google Adsense” não será preciso criar outra conta no “Google Analytics” é só clicar em (Ir para a sua conta do Google Analytics).

Para você que ainda não possui conta em nenhum dos dois, podemos criar uma conta no Adsense e depois configurar o Google Analytics.

Para configurar o Google Analytics faça o login que você usa no Adsense, caso você não tenha o Adsense e queira utilizar o Google Analytics clique aqui.

Agora clique em “Crie uma conta agora” faça o seu cadastro, quando tudo estiver pronto faça o login e em seguida clique em “Inscreva-se” abrirá a seguinte tela:

Preencha o primeiro campo com o endereço do seu site ou blog,

No segundo campo coloque o nome do seu site ou blog,

No terceiro campo coloque Brasil,

E no quarto campo coloque a opção (GMT – 03:00) São Paulo

Na próxima tela vamos preencher os seguintes dados:

Preencha o primeiro campo com seu sobrenome,

No segundo campo coloque o seu nome,

E no terceiro campo coloque Brasil.

Clique em continuar, abrirá uma tela com os termos de serviços do Google Analytics, depois de ler o termo marque o quadradinho no final e clique em Criar nova conta, abrirá uma tela com o código, copie todo o código e cole em seu site ou blog.

Agora é só aguardar as visitas e começar a analisar cada tópico disponivel no Google Analytics.

Qualquer dúvida é só deixar um coméntario que estaremos te ajudando.

Disponibilizando em sua página a opção Adicionar aos favoritos

noreply@blogger.com (RL Design) — Tue, 20 Dec 2011 20:38:00 +0000

Olá pessoal,
hoje vamos explicar como colocar em um blog ou site o código para os visitantes adicionarem sua página aos "FAVORITOS", fazer isso é muito simples.
Vamos disponibilizar dois códigos, um para ser configurado com a imagem que você quiser e o outro apenas com texto.
Para colocar esta opção na sua página é só você entrar na página de login em seguida clique em LAYOUT depois em ADICIONAR UM GADGET, em seguida escolha a opção HTML/JavaScript, copie o código abaixo e cole dentro da última opção que escolhemos.

CÓDIGO COM IMAGEM

Aviso de página em contrução para blogs ou sites

noreply@blogger.com (RL Design) — Mon, 19 Dec 2011 22:36:00 +0000

Olá pessoal,

Hoje vamos explicar como criar uma página com a seguinte frase, “Página em construção”.
Usar este recurso na minha opnião é extremamente importante, pois quando estamos fazendo alguma modificação em nosso template algumas coisas ficam fora do lugar, então, para evitar que seu leitor ou visitante pense que sua página está com problemas ou que os visitantes que estão acessando a sua página pela primeira vez pensem “Nossa que porcaria de blog ou site”, a sua página estará dizendo “Página em construção” caso você esteja construindo um blog ou site, agora se você estiver apenas fazendo algumas alterações você pode colocar uma imagem dizendo “Página em manutenção”. Para fazermos isso é muito simples.

Entre na sua página de login e logo em seguida clique em "LAYOUT" e depois em"EDITAR HTML" selecione a janela onde está escrito Expandir modelo de widgets, com a ajuda de Ctrl + F procure pelo seguinte trecho <body> e logo abaixo deste trecho cole o seguinte código:

<div style='text-align: center;'><img height='100%' src='http://i361.photobucket.com/albums/oo57/ren3_02/construcao.gif' width='100%'/></div> <span class='item-control blog-admin'>

Agora procure pelo trecho </body> e logo acima cole o código:

</span>

É isso ai pessoal, espero que mais esta dica ajude muitos amigos blogueiros, qualquer dúvida é só deixar um comentário que estaremos esclarecendo todas as dúvidas.

Formulário de contato para seu blog ou site

noreply@blogger.com (RL Design) — Mon, 19 Dec 2011 22:12:00 +0000

Olá pessoal

Hoje vamos explicar como criar um formulário de contatos para seu blog ou site.

Ter este recurso em sua página é muito importante, pois manter contato com seus leitores ou visitantes é fundamental, além disso seus leitores ou visitantes teram a certeza de que o seu trabalho é extremamente sério.

Para fazermos isso, vamos ter que criar um cadastro no WuFoo.

Apesar do site ser em inglês é muito simples de fazer o cadastro, clique em SING UP FOR FREE, depois escolha a última opção FREE.

Agora que já criamos o cadastro vamos fazer o nosso formulário.

No site WuFoo clique em Login, logo em seguida clique em NEW FORM, agora é só escolher as opções que você deseja ter em seu formulário de contato, e depois se certificar de que tudo esta devidamente configurado, feito isso clique em SAVE FORM, abrirá uma nova janela, escolha a opção I'M FINISHED! TEKE ME BACK TO THE FORM MANAGER.

Agora abrirá a tela onde vamos copiar o código para colocarmos em nossa página, clique em CÓDIGO e depois em EMBED FORM CODE e escolha a segunda opção, copie todo o código e cole em seu página.

Temos duas opções para usarmos o formulário, você pode colocar o código nas colunas do seu template ou colocar como postagem.

Para colocarmos nas colunas do template, entre na sua página de login em seguida clique em LAYOUT, ADICIONAR UM GADGET, em seguida escolha a opção HTML/JavaScript, cole o código do formulário dentro do HTML/JavaScript, agora é só salvar e visualizar sua página pra ver se esta do seu agrado.

Para colocarmos como postagem, clique em NOVA POSTAGEM escolha a opção EDITAR HTML e cole o código do formulário dentro do campo de postagem, antes de publicar clique em OPÇÕES DE POSTAGEM, clique na opção NÃO PERMITIR e clique na opção PROGRAMADO EM, nesta opção escolha uma data bem antiga para que a postagem não apareça e em seguida clique em PUBLICAR POSTAGEM.

Se você visualizar sua página notará que esta postagem não aparecerá, então vamos fazer o seguinte, clique em EDITAR POSTAGEM e em seguita localize a postagem que fizemos, clique em VISUALIZAR, copie o link, agora crie na coluna do seu template ou no menu um campo com o nome CONTATOS.

Para criar isso vamos em LAYOUT, ADICIONAR UM GADGET e escolha a opção LISTA DE LINKS no campo NOME DA URL DO SITE cole o link que copiamos e no campo NOVO NOME DO SITE, você coloca CONTATOS clique em ADICIONAR LINK e salve.

Pronto agora é só visualizar sua página e ver se tudo esta do seu agrado.

Espero que mais esta dica tenha ajudado muitos amigos e amigas blogueiros, qualquer dúvida peço a gentileza de deixar um comentário que estaremos esclarecendo todas as dúvidas.

Como colocar um bom contador de visitas

noreply@blogger.com (RL Design) — Mon, 19 Dec 2011 18:57:00 +0000

Olá pessoal,
hoje vamos indicar um site que fornece um contador de visitas muito bacana, ele mostra quantos visitantes estão online em sua página em tempo real, e também disponibiliza um relatório gráfico que mostra a quantidade de visitantes em sua página durante as 24 horas do dia.

É só acessar o site Whos, clique na na quarta aba “SHOWCASE” escolha o tipo de contador que mais lhe agrada, não precisa se cadastrar, simplesmente copie o código HTML do contador que você escolheu , depois é só fazer o login no seu site ou no blog, no caso do Blogger clique em Layout e em adicionar um gadget escolha a opção HTML/JavaScript cole o código que você copiou do site Whos dentro do HTML/JavaScript e salve.

Espero que tenha sido muito útil esta dica, muito obrigado e até a próxima.

Trocando a coluna do seu blog de lado

noreply@blogger.com (RL Design) — Sun, 18 Dec 2011 14:17:00 +0000

Olá pessoal, hoje vamos explicar como trocar a coluna do seu blog de lado.

Muitas vezes ficamos por horas procurando por um template que seja do nosso agrado, quando finalmente encontramos percebemos que a coluna que está no lado direito ficará muito melhor no lado esquerdo, mas muitos blogueiros que estão iniciando não sabem como fazer isso, neste tutorial vamos explicar passo a passo.

Antes de mais nada, faça um backup do seu template, assim se algo der errado você não perderá nada.

Entre na página de login do blog em seguida clique em LAYOUT e depois em EDITAR HTML selecione a janela expandir modelos de widgets, com a ajuda de Ctrl + F procure pelo seguinte trecho #main localizando este trecho troque o texto float:left; por float:right; se a sidebar estiver do lado direito e você quiser mudar para o lado esquerdo, troque float:right; por float:left; se a sidebar estiver do lado esquerdo e você quiser mudar para o lado direito.

Agora procure pelo trecho #sidebar troque o texto float:right; para float:left; este trecho é que irá mudar a coluna da direita para a esquerda, ou se você for mudar da esquerda para a direita troque o texto float:left; para float:right;

OBS: É preciso muita atenção, pois qualquer ponto errado não funcionará.

É isso ai pessoal, espero que mais esta dica ajude muitos blogueiros, qualquer dúvida deixe um comentário que estaremos esclarecento todas as dúvidas.

Então vamos ao que interessa.

Papel de parede - RL Design

noreply@blogger.com (RL Design) — Sun, 18 Dec 2011 00:52:00 +0000

Clique na imagem para amplia-la, depois clique com o botão direito do mouse e escolha a opção salvar imagem como...
Agora vá até onde você salvou o Papel de parede, clique com o botão direito e escolha a opção Definir como plano de fundo da área de trabalho.

Papel de parede - RL Design

noreply@blogger.com (RL Design) — Sun, 18 Dec 2011 00:40:00 +0000

Links abrindo em outra janela do navegador

noreply@blogger.com (RL Design) — Sat, 17 Dec 2011 23:37:00 +0000

Olá pessoal,

Hoje vamos ensinar como fazer uma postagem com link abrindo em outra janela, é muito simples.
Então vamos lá, é só fazer o seu poste normalmente e na hora de criar o link coloque este código

<a href="Seu Link" target="_blank">Download</a>

Alterações do código:

Onde esta escrito "Seu link" aqui é o lugar onde você ira colocar o link para abrir em outra janela.

Onde esta escrito "Download" você pode lococar o que quiser.

Espero que esta dica seja muito útil para vocês, até mais!!!

Efeito transparente nas imagens do blog

noreply@blogger.com (RL Design) — Sat, 17 Dec 2011 23:31:00 +0000

Olá pessoal,

Hoje vamos ensinar como deixar as imagens meio transparentes quando colocamos o mouse sobre elas, um efeito muito bacana que deixa seu site ou blog mais profissional.
O código para fazer este efeito pode ser usado em cada imagem separadamente ou em todas as imagens das postagens ou das colunas de menu e ainda no site ou blog intero se preferir.

O código você deve colocar na página editar HTML, depois de body{...}, mas cuidado para não colocar dentro das chaves do body porque tudo que estiver entre elas será modificado.
Então vamos colocar o código para deixarmos as imagens das postagens meio transparentes, faça o login no seu blog, entre em layout, editar HTML, só lembrando é sempre recomendado fazer um backup do seu blog, pois qualquer erro você pode voltar o que era, depois do backup marque a opção expandir modelos de widgets e procure pelo seguinte trecho body, depois do símbolo } você coloca o seguinte código:

.post img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity:
1}
.post a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity:
0.5}

Da mesma forma que fizemos isso com as postagens poderíamos fazer com a coluna lateral de menu, apenas trocando a palavra post por sidebar ou o nome que tiver a coluna do seu blog.
Espero que tenha sido muito útil esta dica, muito obrigado e até a próxima.

Como reindexar seu blog em 321 sites de busca

noreply@blogger.com (RL Design) — Sat, 17 Dec 2011 23:21:00 +0000

Olá pessoal,

Hoje vamos explicar como fazer para que seu site ou blog seja indexado em mais de 321 sites de busca sem precisar cadastrar um por um.
Então vamos lá, acesse o site DATAHOSTING e cadastre os seguintes dados:

Titulo do seu site ou blog
URL da sua página
Crie uma descrição com o maximo de informações úteis, pois é esta descrição que aparecerá nos buscadores
Coloque as palavras chaves da sua página
Cadastre um e-mail valido, pois alguns destes sites de busca pedem confirmação
Seu nome
Cidade
Estado
Pais

Pronto, agora é só digitar as letras e números do código que aparecerá, aguarde com a página aberta até que no final apareça a seguinte mensagem:
"Sua página foi cadastrada em 321 sites de busca"
Espero que esta dica seja muito útil para vocês, até a próxima.

Como retirar as páginas do seu Blog

noreply@blogger.com (RL Design) — Sat, 17 Dec 2011 19:46:00 +0000

Olá pessoal

Hoje vamos ensinar como retirar as páginas do seu blog.
Algumas pessoas querem deixar o blog com cara de site, sem aquele famoso link no final das postagens, "POSTAGENS MAIS ANTIGAS".

Para fazer isso é muito simples, faça o login no seu blog, entre em layout, editar HTML, só lembrando é sempre recomendado fazer um backup do seu blog, pois qualquer erro você pode voltar o que era, depois do backup marque a opção expandir modelos de widgets e procure pelo seguinte trecho:

<b:include name='nextprev'/>
Encontrando este trecho é só apaga-lo, em seguida salve e visualize o blog, as palavra "POSTAGENS MAIS ANTIGAS" já não estarão mais lá.

Parcerias

noreply@blogger.com (RL Design) — Sat, 01 Oct 2011 21:14:00 +0000

Como se tornar um parceiro?

Para dar início a uma parceria, é necessário, antes de qualquer coisa, que você inclua o banner ou link do RL Design em seu blog/site. Estamos abertos a parcerias com todos os blogs não importa quantidade de visitas. Entre em contato: Enviando um e-mail para: renato.joao@ig.com.br

Como funciona nossa parceria?

Temos dois tipo: Parceiros de links e Parceiros de Banner – Veja abaixo cada caso.

Muitos buscam parceria e troca de banner/link entre blogs, não apenas como uma forma de divulgação de seu trabalho, mas para obterem mais backlinks e melhorarem seu posicionamento de PageRank e indexação. O RL Design é muito procurado e precisamos regular a divulgação dos parceiros na primeira página. Então, antes de enviar pedido de parceria, leia com atenção as disposições sobre o tema.
Obs.: Estas regras foram criadas para ter mais critério na seleção dos parceiros e melhorar a qualidade dos links.

Parceria de Banner:
Envie o seu código do banner no formato 120x60 (máximo) para o e-mail renato.joao@ig.com.br dizendo os seguintes dados:
Tempo de existência do Blog;
Seu nome;
Nome do blog.
Cole o banner do RL Design junto aos seus parceiros. Feito isso, seu banner será colocado na lista de Parceiros.

Apenas 10 banners de sites parceiros são colocados na página principal do RL Design. Os demais serão incluidos na lista de parceiros.