quinta-feira, 13 de dezembro de 2012

Lomadee - Ganhe dinheiro extra com seu blog

Procurando um bom programa afiliado para ganhar dinheiro com seu blog ou qualquer rede social? Então use o Lomadee.

Particularmente estou ganhando pouco mais de R$300,00 por semana.

Clique no banner abaixo e inscreva-se.

sexta-feira, 7 de dezembro de 2012

Precisamos de Postadores

Olá,
Como todos já devem ter percebido, o Códigos Blogger esta desatualizado há meses. Isto se deve ao fato do blog não ter conseguido adquirir nenhum tipo de fundo para mante-lo. 
Mas depois de tantos e-mails pedindo para continuar com o blog, resolvi criar esta postagem para convocar postadores voluntários que estão dispostos a ajudar o pessoal da blogosfera com dicas e tutoriais. 
Se você está interessado, por favor, entre em contato pelo e-mail: codigosblogger@hotmail.com







quinta-feira, 19 de janeiro de 2012

Novidade no Blogger: Opção RESPONDER COMENTÁRIO nativo

Dias atrás o blogger lançou uma nova função à sua plataforma, a opção “Responder Comentários” ou também conhecida como “threaded commenting”, que por sua vez dará um novo aspecto aos comentários.

threaded comments

Claro que uma novidade é sempre bom, porém esta não foi de se surpreender devido ao fato do sitema apresentar alguns erros.

O que de fato deveria mudar é toda a estrutura da caixa de comentários, creio que este seja um desejo de quaquer usuário desta plataforma e sei que muitos já cansaram desta e procuraram por novas como o Disqus e dentre outros.

De acordo com o blog Blogger Buzz, a instalção é bem simples.

1. Entrar no painel principal do seu blog, clicar em “Configurações” –> “Outros” e em  “Permitir Feed de blog” colocar “Completa”.

Passo 1 Blogger

2. Agora ir em “Postagens e Comentários”  e em “Local de comentários” marcar “Incorporado”;

Passo 2 Blogger Responder Comentários

Viu? É fácil, porém só funciona com os templates padrão do blogger. Infelismente o blogger não informou como fazer isto em templates customizados mas espero que disponibilize algum código ou alguma outra coisa.

Marcadores: , , ,

quinta-feira, 22 de dezembro de 2011

Enfeite Natalino para seu blog

santa-gifts-iconA proveite que o natal está chegando e deixe seu blog no maior espírito natalino! Neste artigo você  vai aprender como aplicar enfentes de natal no seu blog para não deixar está importante data comemorativa passar em branco!

Quer ver como vai ficar? Clique aqui para ver um exemplo.

Gostou? Para aplicar no blog é fácil. Você tem 2 opções:

1. Você pode apenas clicar no botão abaixo e escolher um blog para aplicar o efeito.



2. Ou copiar o código abaixo, ir em “Layout” –> “Adicionar um Gadget” –> “HTML/Javascript”, cole o código e salve.

<script type='text/javascript'>
sitePath = 'http://vanessaluiza.com/_utilidades/script/let-it-snow/';sflakesMax = 0.15;
sflakesMaxActive = 110;
svMaxX = 1;
svMaxY = 1;
ssnowStick = 0;
sfollowMouse = 0;
</script>
<script src='http://vanessaluiza.com/_utilidades/script/let-it-snow/script/snowstorm.js' type='text/javascript'></script>
<div style="z-index: 9999999999999998; left:0; top:0; position: fixed;">
<img src="http://icons.iconarchive.com/icons/mohsenfakharian/christmas/128/christmas-bells-icon.png" /></div>
<div style="z-index: 9999999999999998;  right:0; top:0; position: fixed;">
<img src="http://icons.iconarchive.com/icons/mohsenfakharian/christmas/128/christmas-bells-icon.png" /></div>
<div style="z-index: 9999999999999998;  right:0; bottom:0; position: fixed;">
<img src="http://icons.iconarchive.com/icons/mohsenfakharian/christmas/256/santa-gifts-icon.png" /></div>
<div style="z-index: 9999999999999999; font-size: 50px; padding-right: 20px; padding-bottom: 10px;  font-family: impact; color: #fff; right:0; bottom:0; position: fixed; text-shadow: 0px 0px 30px #000;">
Feliz Natal!
</div>

Se gostou deixe um comentário! Até mais e Boas Festas!
 

Marcadores: , , ,

quarta-feira, 14 de dezembro de 2011

Não sabe o que escrever hoje? Não escreva!



Acredito que todos os blogueiros já passaram pela situação de não saber o que postar bem na hora que queremos atualizar nosso blog. Quando a criatividade entra em greve não tem jeito mesmo, o bom é que ela sempre volta.

Mas o que fazer quando não temos ideia do que escrever para manter nosso blog atualizado como sempre? Eu penso dessa maneira: Se não sei o que escrever, não escrevo. Não vou prejudicar a qualidade do meu blog, escrevendo qualquer post para mantê-lo atualizado. De que vai adiantar eu postar qualquer coisa para as pessoas lerem? Nada.

Acho que publicar aqueles posts do tipo "tapa buraco" no blog, só diminuem a qualidade dele. Afinal, é melhor ficar sem publicar certo conteúdo mesmo que o blog fique desatualizado, que fazer uma postagem de péssima qualidade só para manter o ritmo. É claro que você não vai ficar meses sem atualizá-lo, por isso evite publicar conteúdos inúteis somente para manter a atualização. 

Pense nos leitores que você tem. Ao meu ver, é mais fácil você perder leitores por escrever coisas inúteis, que perder leitores porque ficou alguns dias sem atualizar seu blog. Já passei por uma época que fiquei um bom tempo sem postar aqui. Minhas visitas diminuíram muito, mas logo depois que voltei à blogosfera, o ritmo voltou ao normal. Quando não estamos com criatividade e escrevemos mesmo assim, o post não sai com uma qualidade boa.

Quer uma dica para não deixar seu blog desatualizado? Evite publicar várias postagens por dia, e reserve algumas nos rascunhos para publicar quando não tiver ideia nenhuma. Escreva quando você estiver pronto para falar sobre o assunto. Quando a criatividade vier. Não se obrigue a publicar textos para manter um certo ritmo, pois isso pode prejudicar a qualidade do seu blog, se você estiver postando por obrigação, é claro. Escreva quando o assunto vier à mente! Por prazer.  

É isso! Espero que tenha gostado da dica! E você tem alguma dica para dar aos leitores sobre como não deixar de atualizar o blog? Se tiver dê a sua a leia a dos outros. Um abraço a todos!  


Quer mais dicas? Visite meu blog, siga se quiser e leia mais!  

Marcadores: ,

segunda-feira, 12 de dezembro de 2011

Domínio grátis .net.tc e vários outros - Smartdots

image Existe um site chamado Smartdots que até então desconhecia. Assim que descobri, explorei e cheguei a conclusão que você pode sim ter um bom domínio gratuito e com e com vários recursos disponíveis.

Além do site oferecer várias extensões para criar o seu domínio, o sistema também conta com um ótimo painel de controle, servidores de alta velocidade e gestão de DNS, possibilitando a configuração no blogger e diversas outros recursos. Mas uma opção que não esperava era a criação de e-mails referente ao domínio,além de oferecer isso, ainda nos dá 1 GB de espaço para e-mails, possui anti-spam, antivírus, Auto responder e muito mais. E o melhor, é 100% grátis!

Como criar conta cadastrar domínios

Se cadastrar é tão simples quanto configurar. Apenas siga atentamente os passos.

1. Entre neste link: http://pt.smartdots.com/join/

2. Insira o nome do seu blog ou site, escolha a terminação e clique em “Confira!”.

Escolher domíno

3. Se o domínio estiver disponível, clique no no botão verde.

Criar uma conta

4. Insira seu e-mail e sua senha, e marque a caixinha “Eu li, coompreendo e concordo com o TOS” se você está de acordo com os termos de condições de uso. Após isso clique em “Submeter”.Nova conta

5. Irá descer umas imagens como forma de segurança do site, onde vai pedi pra você clicar em algumas imagens. Faça este processo e clique em “Submeter”.

Clicar imagens

6. Será exibido uma mensagem de sucesso, porém será necessário confirmae seu email. Pra isso, acesse sua caixa de entrada e clique no link contido no email enviado pelo Smartdots.

Mesagem sucesso  conta
No seu e-maill… 

Email

Clicar link ativação

7. Confirmado o link, será necessário fazer o login, faça-o. Ao entrar, abrirá um formulário onde você terá que os preencher, faça isso e clique em “Submeter”. Você será redirecionado ao painel pricipal.

8. Pronto, sua conta e seu domínio estão criados!

Configurando domínio Smartdots no blogger

Configurar o domínio requer um pouco mais de atenção, mas não é difícil. Essa parte é a mais importante para o funcionamento do domínio. Agora vamos ver como configurar no blogger.

1. No painel principal do Smartdots clique em “Domínio”.

Dominio

2. Clique em “Domínio” -> “URL Forwarding” e em seguida “Selecione a configuração”.

URL FORWARDING 

3. Agora configure conforme o que se pede e clique em “Submeter”.

Configurar domínio

Pronto, agora seu blog tem um novo domínio, faça um bom proveito!

Qualquer coisa deixe um comentário.

Marcadores: , , ,

quarta-feira, 7 de dezembro de 2011

Há riscos do meu blog ser hackeado? Saiba como se prevenir.

Imagem de: http://folhasnocaminho.blogspot.com/2011/06/o-primeiro-hacker.html Todos blogueiros devem tomar o máximo de cuidado com seus blogs para evitar que o mesmo possa ser hackeado. E neste artigo abordaremos exatamente sobre este assunto e daremos dicas de como evitar perde-lo. São várias as maneiras de alguém se apoderar do seu blog sem esforço nenhum, por isso, devemos sempre estar atentos nas demais pessoas que talvez também administrem seu blog. Agora preste atenção nas nossas dicas e se livre do medo de perder sua conta.

Não passe seu login para ninguém

Claro que de fato nenhum blogueiro seria capaz de fazer isso, a não ser que seja alguém da família ou outra pessoa no qual você possua uma grande confiança.

Tenha um Anti-spyware instalado no computador

O Anti-spyware é um software fundamental no computador devido sua importante função, evitar que outros softwares chamados spywares se alojem na sua máquina.

Antispywares (anti = contra, spy = espião, ware = mercadoria, programa ) são programas utilizados para combater spyware, adware, keyloggers entre outros programas espiões. Entre esses programas estão os: firewalls, antivírus entre outros.
Fonte: Wikipédia

Mas o que é spyware?

Spyware consiste em um programa automático de computador, que recolhe informações sobre o usuário, sobre os seus costumes na Internet e transmite essa informação a uma entidade externa na Internet, sem o seu conhecimento nem o seu consentimento.
Fonte: Wikipédia

Existe um tipo de spyware chamado Keylogger e sua função é registrar tudo aquilo que você digita no computador. Na maioria das vezes seu principal objetivo e gravar senhas de contas bancárias.

Imagem de: http://images.quebarato.com.br/T440x/digitacao+online+sao+luis+ma+brasil__6F1006_1.jpg

Key logger (que significa registrador do teclado em inglês) é um programa de computador do tipo spyware cuja finalidade é registrar tudo o que é digitado, quase sempre a fim de capturar senhas, números de cartão de crédito e afins. Muitos casos de phishing, assim como outros tipos de fraudes virtuais, se baseiam no uso de algum tipo de keylogger, instalado no computador sem o conhecimento da vítima, que captura dados sensíveis e os envia a um cracker que depois os utiliza para fraudes.
Fonte: Wikipédia

Por este motivo, se você não possui um anti-spyware, fique ciente de que está correndo o risco de alguém hackear seu blog por descobrirem a senha através de keyloggers.

Não dê privilégio de administrador para desconhecidos

Com o passar do tempo ficamos meio desanimados do nosso blog e o motivo é quase sempre por falta de tempo ou idéias, e uma solução para contornar isso é recrutar membros para continuarem alavancando o blog.

Acho legal essa idéia de ter mais de um administrador, pois assim é possível trocar idéias e levar o blog mais sério. Porém, devemos ter cuidado pra quem iremos dar o provilégio. De preferência, só dê a vaga de administrador para pessoas que você realmente conheça e não para desconhecidos.

Sendo assim, todo cuidado é pouco. Você não quer perder ser blog e sua conta no google, não é? Então cuide. Fique atento. Não deixe brechas.

Gostou? Dê +1 e comente. Agradecemos.

Sugestão de Marcelo

Marcadores: , , ,

Postagem livre para pedidos e sugestões

Fonte: http://eptv.globo.com/dbimagens/20110120192028.jpg.jpg

Olá leitor, esta é uma postagem onde você tem a liberdade de dar uma sugestão de postagem para o cblogger. Como você já deve ter percebido, deixamos de atualizar o blog diariamente, e para que isto não continue acontecendo, pedimos que você deixe um sugestão para postagem via comentário. Se preferir, indique sites de widgets e outras ferramentas úteis ou também sites que oferecem diversos códigos em CSS, Javascript e HTML para que de alguma forma, aproveitarmos o código e adaptando para uma nova funcionalidade para o blog, mas claro, citando as devidas fontes.

Marcadores: ,

sexta-feira, 2 de dezembro de 2011

Personalizando lightbox padrão do blogger

Lightbox blogger

Introdução

Há alguns meses atrás, o blogger disponibilizou e oficialmente liberou um novo recurso para a plataforma, o lightbox padrão. O lightbox, por sua vez, é o mais básico possível, mas não deixa de cumprir a função de uma lightbox normal. Apesar de apresentar um barra de navegação entre as imagens bem básica, o recurso conta um sistema bem leve e compatível com os demais navegadores. Mas na minha opnião, o que realmente faltou foi um efeito de transição entre as imagens.

Mas até então não me manifestei em fazer alguma coisa pra mudar isso, porém, hoje vou mostrar como dar uma personalizada na lightbox nativa do blogger e deixar no seu jeito, como por exemplo trocar a cor do fundo da lightbox, aumentar a barra de navegação e etc. Lembrando que iremos usar apenas CSS.

Sendo assim, vamos ao tutorial e fique atento a cada passo para fazer tudo direitinho. Mas antes faça o seguinte:

1. Acesse o Painel principal do seu blog e vá em: Configurações -> Postagens e comentários -> ative a opção para mostrar imagens com a lightbox.

Permitir lightbox

 2. Entre no “Editar HTML” do seu blog e procure por:

 <body>

Agora acima dela cole:

<style>

</style>

Todos os códigos que estiverem mais abaixo vão ser colados entres essas duas tags: Ex:  <style>  Aqui vãos os códigos  </style>.

Agora vamos aos códigos para personalização:

Trocando a cor do fundo da lightbox

Alterar cor de fundo 
Vamos começar pelo fundo, trocando sua cor e seu nível de transparência. Para isso, cole o código abaixo entre as tags <style> e em seguida veja como modificar através da legenda.

.CSS_LIGHTBOX_BG_MASK {
opacity: 0.5 !important;
background-color: #222 !important;
} 

Legenda:

Vemelho: Nível de transparência (0.0 retira o fundio e o valor 1 deixa-o sem transparência).
Azul:Cor do fundo em hexadecimal.

Colocando sombra e borda nas imagens da lightbox

Alterar imagem da galeria borda e sombra
Este aplica sombra nas imagens da lighbox juntamente com uma borda. Cole o código abaixo entre as tags <style>.

.CSS_LIGHTBOX_SCALED_IMAGE_IMG {
cursor: pointer;
outline: 5px solid #fff  !important;
box-shadow: 0px 0px 19px 5px #111;
}

Legenda:

Vermelho: Espessura da borda, quando maior mais grossa e vice-versa.
Azul: Cor da borda em hexadecimal.
Verde: Cor da sombra em hexadecimal.

Personalizando a barra de navegação entre as imagens

Alterar barra de navegação

Este trecho de código abaixo permitirá que você altere a barra de navegação da lightbox. Cole o código entre as tags <style>

.CSS_LIGHTBOX_FILMSTRIP {
background:#991d1d  !important;;
line-height: 0;
overflow: hidden;
position: relative;
width: 100%;
height: 60px;
}

Legenda:

Vermeho: Cor do fundo da barra de navegação em hexadecimal.
Azul: Altura da barra (quanto maior o número mais alto a barra e vice-versa).

Trocando a imagem do botão “Fechar”

Alterar botão Fechar

O código abaixo permitirá que você altere aquele pequeno botão “Fechar” na parte superior ao canto direito da lightbox. Cole o código entre as tags <style>.

.CSS_LIGHTBOX_BTN_CLOSE {
cursor: pointer;
background: url(&#39;http://icons.iconarchive.com/icons/custom-icon-design/mini/32/Close-icon.png&#39;) no-repeat  !important;;
width: 32px !important;
height: 32px !important;
top: 3px;
position: absolute;
z-index: 100;
}

Legenda:

Vermelho:
URL do ícone fechar.
Azul: Largura do botão (recomendo colocar a largura da imagem do ícone)
Laranja: Altura do botão (recomendo colocar a altura da imagem do ícone)
Verde: Espaçamento no topo (quanto maior, mais espaçamento)

Personalizando a barra de informação da lightbox

Alterar barra de informação

O trecho de código CSS abaixo vai permitira a personalização daquela barrinha onde fica a informação de quantas imagens tem na galeria. Cole o código abaixo entre as tags <style>.

.CSS_LIGHTBOX_INDEX_INFO {
color: #fff;
font-size: 17px  !important;;
line-height: normal;
min-height: 1em;
position: relative;
text-align: center;
top: 6px;
background: #333;
border-radius: 5px;
margin-bottom: 10px;
padding: 8px;
text-shadow: 1px 1px 1px #000;
border: 1px #fff solid;
}

Legenda:

Vermelho: Cor da letra da barrinha.
Azul: Tamanho da fonte do texto.
Verde: Cor do fundo da barrinha:
Laranja: Nível de arredondamento da borda.
Marrom: Cor da sombra do texto.
Rosa: Espessura da borda da barrinha.
Lima: Cor da borda.

Observações finais

No final ficará algo assim:

<style>

.CSS_LIGHTBOX_BG_MASK {
opacity: 0.5 !important;
background-color:  #222 !important;
}

.CSS_LIGHTBOX_SCALED_IMAGE_IMG {
cursor: pointer;
outline: 5px solid #fff  !important;
box-shadow: 0px 0px 19px 5px #111;
}
.CSS_LIGHTBOX_FILMSTRIP {
background:#991d1d  !important;;
line-height: 0;
overflow: hidden;
position: relative;
width: 100%;
height: 59px;
}

.CSS_LIGHTBOX_BTN_CLOSE {
cursor: pointer;
background: url(&#39;http://icons.iconarchive.com/icons/custom-icon-design/mini/32/Close-icon.png&#39;) no-repeat  !important;;
width: 32px !important;
height: 32px !important;
top: 3px;
position: absolute;
z-index: 100;
}

.CSS_LIGHTBOX_INDEX_INFO {
color: white;
font-size: 17px  !important;;
line-height: normal;
min-height: 1em;
position: relative;
text-align: center;
top: 6px;
background: #333;
border-radius: 5px;
margin-bottom: 10px;
padding: 8px;
text-shadow: 1px 1px 1px black;
border-top: 3px white solid;
}

</style>

Após o término da personalização, salve. Caso tenha alguma dúvida ou sugestão para alterar o visual da lightbox, deixe um comentário. Espero que tenham gostado e até mais!

Marcadores: , , ,