Códigos Blog

Seu MSN no Blog

2008-12-02T05:55:00.000-08:00

O MSN disponibiliza em seu site alguns recursos para site/blog, a tempos eu queria postar sobre isso aqui...
Os recursos disponíveis são:
- Janela Mensagens Instantâneas
- Botão
- Ícone de status

Aprenda a configurar:
1º - Entre aqui: http://settings.messenger.live.com/Applications/WebSettings.aspx

2º - Clique em: "Criar HTML"

3º - Escolha o widget que você quer usar no seu blog.

4º - Configure o tamanho, cor, etc...

5º - Copie o código que fica em baixo de: "Copiar HTML e colar em sua página da Web"

6º - Faça login no seu blogger, clique em "Layout" -> "Elementos da Página", clique em "Adicionar um Gadget". Escolha para adicionar "HTMl/Java Script".
Cole o código e salve!
Pronto, esse Gadget vai ficar de acordo com o seu status no msn.

Template Cellar Heat (estilo revista)

2008-12-01T05:02:00.000-08:00

Demo
Download

Não retire os créditos!

Dicas como criar seu Logotipo ou Logomarca

2008-11-23T05:34:00.000-08:00

Caro leitor... desculpe minha ausência aqui, e a falta de novas postagens. Falta de tempo e um pouco de criatividade... Mas não se preocupe, não vou fechar o Códigos Blog, nem abandoná-lo...

Vamos ao assunto:
Qual é o certo: Logotipo ou Logomarca?
Essa pergunta é difícil, até hoje não sei se logomarca existe ou não, pesquisei muito e não cheguei em uma conclusão precisa... Por isso, vou adotar os dois nomes corretos nesse post.

"Logomarca é um neologismo usado de forma empírica e genérica, para designar logotipo, símbolo ou marca, sem que haja consenso nem precisão absoluta ao que ele se refere, se apenas ao símbolo, ao logotipo ou ao sinal misto (combinação de ambos). O seu uso está popularizado no Brasil e o termo consta do dicionário Aurélio e é considerado correto pela Lingüística. No entanto, o termo é visto como inadequado por alguns designers por, segundo eles, não possuir a necessária precisão." Fonte: Wikipedia.org

"Logotipo, ou logótipo, refere-se à forma particular como o nome da marca é representado graficamente, pela escolha ou desenho de uma tipografia específica. É um dos elementos gráficos de composição de uma marca, algumas vezes é o único, tornando-se a principal representação gráfica da mesma. A expressão costuma ser confundida com o neologismo logomarca, cuja imprecisão e incorreção costumam ser questionados pelos designers e estudiosos do design gráfico.
Logotipo é uma assinatura institucional, a representação gráfica da marca. Por isso ela deverá aparecer em todas as peças gráficas feitas para a empresa. Como toda assinatura, o logotipo precisa seguir um padrão visual que a torna reconhecida onde quer que ela seja estampada.
Usar corretamente o logotipo é uma das ações obrigatórias para o reforço da imagem e da personalidade da empresa." Fonte: Wikipedia.org

Porque adotar uma logo?

"Porque a Logomarca é a Assinatura da sua Empresa... é a Primeira Impressão que sua empresa passa para seus clientes, fornecedores e funcionários..." Fonte: Logomarca10.com.br

O Logotipo ou Logomarca é a representação da sua marca, para a blogosfera: A representação única do seu blog. Muito importante para que o leitor lembre do seu blog como algo único.

Como começar uma logo?
Antes de tudo pense nessas quatro perguntas:
1- O que quero passar?
2- O que já existe que passa essa mensagem?
3- Qual é a melhor forma de representar? Uma frase? Um simbolo? Um mascote?
4- As pessoas vão se identificar?

Depois é só usar a criatividade e mandar a ver... Não importa o programa e sim o resultado final, mas se você quiser alguma dica de um software bom para essa criação:
- CorelDRAW
- Photoshop

Achei um vídeo bem legal ensinando a fazer um logotipo usando o Corel:

Se quiserem mais dicas procure no Youtube, lá você vai encontrar grandes dicas, passo-a-passo como fazer um bom trabalho.
Clique aqui e veja vários exemplos de logotipos, simples... Porém modernos.
Espero que tenha aprendido e tenha um bom trabalho! Aguardo os resultados...

Mamãe, eu quero subir no ranking do BlogBlogs!

2008-11-14T14:26:00.000-08:00

Quer subir no ranking do BlogBlogs de forma rápida?
Descobri essa campanha no Compulsivo, onde o blog inSUPORTÁveis e RafaBarbosa, estão organizando essa "parada". =D
É bem simples de participar! Faça um post divulgando a campanha, coloque os links dos participantes no post, entre aqui ou aqui!
Comenta divulgando o link da sua participação e pronto!
Aguarde seus links...

Assim como você, o Códigos Blog adora números! Então participe conosco!

Blogs Participantes:

inSUPORTÁveis – RafaBarbosa.com - SNES-Classics – Lazer – Paguei Mico – Totalmente Responsa – NerdPobre – Desconspiração – Até Tu Brutus – Boneco de Meia – Cogumelos - O Crepúsculo - Triplo Sentido - Caixa Pretta - Papibakigrafo - Fester Blog - Estranhos Europeus - Mundo Afora - Igaum - Senhor Coxinha - Macacumor - Jacaré não come Alpiste - Muita Pimenta - Blog Stereo - Portal Brogui - AJ - Seu estranho - E-Fail - Speed Racer Go Brazil - Pica Pau Brazil - Blog da Mandioca - Malcan - Kamikaze Blog - Mamão Papaia - Malvada - Blog Alternativa - Praticando Humor - Resistance Base - Tudo a ve - Esqueci as chaves - Os Gugas - Foodasticos - Medo do Ego - Denker - Quarto Universitário - SlinkBlog - Café com Pão - Blog do Tiago - Pior -XGoogle - Momento Piada - Fábio P. - Blogando Blog - Seu Boga - Drax - Corto Cabelo e pinto - Outside - Balabusca - Void - Torresmo Fresco - Quatro Minutinhos - Que Mario? - O Padre Voador - Mundo Véio - Mente Vazia é Oficina! - Cogumelo Louco - Vipuraí - Velho - N3tho - Corvos de Malta - NadaVe - Na Mosca - Bate Cabeça - Tô Zuando - Xerox66 - Comic World - Bravus - D_Ver@s - Medsi Downloads - Plano Beta - Sónaboa - Blog do Catarino - Dekantalabassi - O que rola na net - Infonet News - Dia Quente - Minino Bobo - Toques de Prazer - Erro 404 - Jose Carlos Jr. - Eh Memo - Gestantes - Blog do Ananias - Humoroto - Dicas na net - CRPO - Um Tudo - Cérebro de Batata - Seita Sempuu - {D}efeitos Especiais - Papo de Buteco - Tio Punk - @Grega - Oncioso - Suspensa - Vai Digitando - Top Pacaralhu - DJ Magu - SempreON - Pigg - Balastraca - Tudo Junto - Cidadão Maluco - Mundo dos Blogues - Usuário Compulsivo - A vaca foi pro brejo - Nerd Somos Nozes - Falando Dormindo - Cerebelo na Brita - Efeito Joule - Giba Net - Cozinha Masculina - Blog do Inho - Grãos de areia pelo infinito - Criativo de Galochas - Tríade Nerd - Athanazio - The LG blog - Zine Acesso - Irrealidade - Sempre Tops - Deliárea Remodelações - Ferramentas Blog - Mente com curiosidades - Girls Wireless - X com tudo dentro - Tô Atoa - Warning Downloads - Boa Grana - Vixe Mano - Blog Direção - Anderson Nascimento - Swell - Blog do Galvão - Popular Nem Tanto - Irradiando Luz - Só piadas - Quadrideko - Códigos Blog -

Abraços...

Blogas 2.0 - Estamos de volta!

2008-11-01T18:50:00.000-07:00

Depois de alguns meses de trabalho, finalmente o Blogas 2.0 entrou no ar.
Com tudo que deve ter para ficar organizado. Sim, ainda a muito o que mudar, e muito mais ainda novos recursos a colocar.

Mas infelizmente ou felizmente (=D) não resisti e já está de volta o Blogas!
Falta atualizar alguns scripts, a página "Sobre", a página "Widgets", acrescentar mais algumas perguntas no "F.A.Q.", e alguns pequenos detalhes. Mas tudo sobre controle, não vai atrapalhar em nada.

Entre e confira as atualizações, conto com sua ajuda, paciência e colaboração.

De que forma posso ajudar?
- Divulgue
- Relate erros (bugs) do site
- Dê sugestões
- Critique
- Faça parte!

Agradeço a vocês leitores por cada visita e cada link enviado ao Blogas!
Para maiores informações entre em contato!

Aguardo seu cadastro...

Como iniciar um blog de sucesso?

2008-11-01T02:19:00.000-07:00

Encontrei no site: Fique-Rico um ótimo texto sobre: Faça seu blog ser um sucesso.
Muito bom mesmo, nem editei nada com medo de estragar! =D
Então agradecimentos para Paulo Faustino!

Título: Planejando seu próximo blog de sucesso.

O QUE É PLANEJAMENTO?

O planejamento é uma etapa administrativa que auxilia o administrador a perceber a realidade, avaliar ações e definir pontos de referência para futuras avaliações. O planejamento faz parte da nossa vida e em quase todas as decisões que tomamos é feito um planejamento, algumas vezes nem percebemos isso.

VAMOS PLANEAR SEU PRÓXIMO BLOG

O planejamento levará em conta um blog básico, mas tenha em mente que cada projeto possui particularidades que envolvem o público alvo e a sua disponibilidade, tanto de tempo como de recursos financeiros.

QUAL O OBJECTIVO DO BLOG?

Por que criar um blog? Faça essa pergunta logo na primeira etapa do planejamento, pois da resposta dependerá todo o restante. Se a resposta for por hobby, passatempo, diversão, o planejamento deverá levar em conta que o objetivo não é ter uma recompensa financeira, mas sim um prazer pessoal, um bem estar próprio. Esse será o retorno, a meta a ser alcançada.

Nesse artigo o planejamento abordado será para os que responderem que o objetivo do blog é ganhar dinheiro. Mas os passos poderão ser adaptados facilmente para um blog “sem fins lucrativos”.

QUAL SERÁ O SEU PÚBLICO ALVO?

Essa deve ser a segunda pergunta a ser respondida. Lembre-se se você entende muito de tênis e não entende nada de tecnologia você não poderá criar um blog que fale de tecnologia, pois é impossível conseguir enganar os leitores que visitarão seu blog. Seja sincero com você mesmo. Falar do que entende e gosta é muito mais fácil e prazeroso.
Agora que você já definiu seu público alvo pesquise na internet por outros blogs que estão explorando esse nicho. Procure mensurar os seguintes dados:

Quais os 5 maiores blogs nesse nicho em seu idioma?
Para isso você pode utilizar o BlogBlogs e o Technorati. Depois você pode fazer uma comparação entre eles utilizando o Alexa.
Analise os artigos desses blogs que mais destaque tem, tanto em questão de visualizações, quanto em questão de pontuação?
Compare esses artigos com o seu estilo de escrita, faça um julgamento inicial se você tem condições de produzir textos iguais ou melhores que eles. Seja crítico consigo mesmo, pois os seus visitantes o serão.
Quantas visitas mensais eles possuem em média?
No próprio site Alexa você consegue essas informações, mas você também pode entrar em contato com o administrador do blog através do formulário de contato.
Qual o Ranking Alexa, PageRank e Ranking BlogBlogs deles?
Os rankings são muito importantes para os blogs, pois através deles você poderá, no futuro, negociar melhores preços de anúncios, então é importante saber em que posição desses rankings consegue chegar um blog no seu nicho.
Quais sistemas utilizam para monetizar o blog?
Verifique se eles utilizam adsense, hotwords, entre outros. Essa etapa é muito interessante, pois você irá “sentir” que tipo de monetização funciona melhor com seu futuro público alvo.
Qual a freqüência das postagens e comentários nesses blogs?
Esse tipo de nicho rende muitos comentários? Se sim você terá que planejar um tempo extra para responder aos comentários.
Esses blogs postam quantas vezes por semana? Também será importante para definir sua estratégia de postagem.
Outras perguntas específicas do nicho escolhido.
Defina outras perguntas necessárias a seu planejamento. Na leitura de artigos e visitas a blogs desse nicho você irá descobrir novas questões que precisam ser abordadas e respondidas antes do começo do seu blog.

QUAL SERÁ O DOMÍNIO DO SEU BLOG?

Você não pode abrir mão de ter um domínio próprio se deseja ganhar dinheiro com esse blog. Criar uma referência forte e única é essencial, o que você só conseguirá com um domínio próprio. Defina três possibilidades e verifique a disponibilidade do domínio. Procure ser original nessa etapa. Afinal como já disse essa será a sua marca. Não será fácil uma mudança no futuro.

ONDE HOSPEDAR O SEU BLOG?

Outro erro que pode ser cometido nessa fase é não mensurar o crescimento que seu blog pode alcançar em alguns meses. Tive essa falha a pouco menos de três meses quando iniciei um projeto novo com alguns colegas da faculdade, o Como Instalar. Contratamos um serviço de hospedagem com 10Gb de transferência, achando que o projeto não iria crescer tão depressa. Aconteceu o contrário, o projeto cresceu assustadoramente fora do previsto e tivemos que refazer um planejamento menos de dois meses depois de executado.

Procure mensurar um crescimento otimista. Melhor errar pra mais do que pra menos. Não vou “sugerir” nenhum serviço de hospedagem, existem muitos na internet. Pesquise antes, procure saber como é a reputação do serviço que está querendo contratar, peça opinião a outros blogueiros do seu nicho e leia com calma o contrato antes de assinar para não ter surpresas.

QUANDO COMEÇAR A PUBLICAR CONTEÚDOS?

Você pode começar a publicar assim que seu blog estiver no ar. Mas antes de começar a publicar crie algumas páginas obrigatórias, como:

Sobre
Nessa página você pode colocar alguns dados a seu respeito, como nome, profissão, e o que pretende com esse blog. É na verdade uma página de apresentação, o que exclui a necessidade de um post inicial dizendo que chegou, que o blog inicia hoje…
Política de privacidade
Principalmente se for utilizar o Google Adsense é altamente recomendável fazer uma página com sua política de privacidade.
Contato
Nessa página coloque um formulário para contato. É muito útil para que seus leitores possam expressar algo que não seria correto colocar nos comentários dos artigos.
Mapa do blog
Um mapa do blog torna simples a procura do visitante por outros artigos e aumenta o número de pageviews do seu projeto.
Termos de uso
É interessante criar uma página com os termos de uso para que seus visitantes saibam o que podem, ou não, fazer com o conteúdo que estão lendo.
Anuncie aqui
Se o objetivo é monetizar o blog, crie uma página com informações de valores para publicidade no blog. Nessa página coloque informações como número de visitas por mês, pagerank, ranking alexa, entre outros que julgar necessárias.

No GF Soluções você encontra modelos que podem servir de base para essas páginas. Meus projetos só começaram a crescer depois de, no mínimo, 50 artigos publicados, mas cada nicho tem suas próprias características. Uma dica importante é não investir em publicidade no começo. Espere ter uma boa quantidade de artigos primeiro. Quer divulgar sem custos? Utilize as redes sociais como diHITT, Rec6, Linkto, doMelhor, entre outras. Procure também escrever Guest Posts em blogs com grande visitação para se tornar um autor conhecido no nicho que está entrando.

O planejamento inicial está pronto? Não, mas o intuito desse artigo é dar o pontapé inicial, agora é com você. Planeje, execute, analise os resultados e volte ao planejamento.

Créditos: Fique-Rico

Sumo Paint - ou simplismente um Photoshop Online

2008-10-31T15:53:00.000-07:00

Sumo Paint é um site de edição de imagens, que trabalha com camadas, além de editar bem as imagens, é possível fazer alguns desenhos
Com muitas ferramentas legais, estilo Photoshop... E tudo isso Online, você trabalha bem sem precisar instalar nada no seu pc.

O Sumo Paint é bem conhecido por muitos webdesigns como um grande quebra-galho. Sabe aquela hora que você precisa de editar uma imagem em um PC que só tem o Paint?
Então lembre desse link: www.sumopaint.com/app!
Para quem não tem Photoshop é um excelente editor que pode fazer um bom trabalho.

Template Green Light

2008-10-26T07:03:00.000-07:00

Demo
Download
Informações

Não retire os créditos!

Followers - Seguidores do seu blog!

2008-10-25T04:23:00.000-07:00

Acabou de ser lançado mais um Gadget do Blogger, o Fallowers ou simplesmente: Seguidores.
O Gadget Seguidores, é um recurso que funciona assim:
Você adiciona um blog a "Lista de leitura" na aba: "Blogs que estou acompanhando" que fica no fim do seu painel de controle:

Assim, sempre que algum blog dessa lista for atualizado você vai ficar sabendo. Isso mesmo, é como se fosse um feed via Blogger.
Depois o dono do blog que você adicionou vai ficar sabendo, e seu nome será adicionado a lista de seguidores do certo blog.
Assim:

O Blogger também disponibilizou o Gadget Seguidores, estilo o "Últimos Visitantes" do BlogBlogs.
Funciona dessa forma: Você adiciona o Gadget no seu blog, e a pessoa que se increver nele, vai aparecer nesse gadget como mais um seguidor.
Exemplo:

Para adicionar esse Gadget, entre em "Layout" -> "Elementos da Página".

Clique em "Adicionar um Gadget", clique em "Seguidores", depois em salvar, e pronto!
Agora adicione seus blogs preferidos na sua lista de "Blogs que estou acompanhando" e faça parte desse novo recurso!

até mais...

Emoticons nos comentários

2008-10-21T07:56:00.000-07:00

Encontrei um script muito bom, para adicionar emoticons nos comentários do seu blogger.
Muito simples e funciona direitinho. Já estou até usando aqui no Códigos Blog.
Siga abaixo o tutorial e coloque no seu blog.
Antes de tudo é aconselhável que faça backup do seu template, toda vez que for modificar algo, por segurança.
Vamos ao tutorial:

1º - Faça login no Blogger, entre em: "Layout" -> "Editar HTML".

2º - Marque a caixa: "Expandir modelos de widgets".

3º - Procure (Ctrl + F):

<p class='comment-footer'>

É possível que tenha mais de um tag desse no seu template, então escolha o SEGUNDO tag <p class='comment-footer'>

4º - Selecione todo código do seu template que está dessa forma:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<h3><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></h3>
</b:if>
</b:if>
</p>
</b:if>

4º - Substitua por isso:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>

5º - Teste, se não teve nenhuma modificação no template, salve!

6º - Agora procure:

</body>

ANTES desse código cole isso:

<script src='http://pauloens.110mb.com/codigosblog/smiley.js' type='text/javascript'/>

7º - Salve!
Agora quando alguem for comentar vai aparecer a opção de adicionar Emoticons.
Exemplo:

Espero que gostem.
Achei esse tutorial em vários blogs e sites, sem nenhum crédito, então não tem como eu colocar os créditos do autor. Se alguem descobrir me avise.
Abraços.

Template Net Spiel

2008-10-21T07:13:00.000-07:00

Demo

Download

Não retire os créditos do autor.

E para as crianças...

2008-10-12T16:27:00.000-07:00

Feliz dia das crianças!

O Códigos Blog deseja a vocês tudo de bom, e sejam o que vocês são: Crianças!
Não deixe com que o mundo adiante essa fase, tão importa e tão boa!

(coisa que alguma criança vai ler isso aqui...)

E os que não são crianças mais... Cuide delas porque sem as crianças a vida fica sem graça.

Créditos das imagens:
1ª - Daqui;
2ª - Daqui.

Encontre seu template WP convertido para Blogger

2008-10-12T10:43:00.000-07:00

Muitos blogueiros que usam o Blogger as vezes encontra um tema para wordpress e se apaixona, mas não encontra ele em xml para Blogger. Isso é muito ruim!
Então encontrei esse buscador de template para blogger! O "Search Blogger Templates!".

Você digita o nome do template e clica em "Search". Se esse template já foi convertido por algum indivíduo e está disponível para download o site vai encontrar e te mostrar.
Muito bom, testei e funciona direitinho.

Se não sabe o nome do template, busque por uma palavra-chave.
Exemplo:
Magazine -> Vai encontrar muitos templates estilo revista em formato xml.

Simples! Se não encontrar seu template, é porque realmente não tem ele para o blogspot.

Espero que gostem...
Um abraço a todos.

Blogas 2.0

2008-10-11T07:53:00.000-07:00

Olá pessoal!
Como falei em alguns posts dias atrás, o Blogas é meu novo projeto usando a plataforma Blogger.
O Blogas é uma "casa" para Bloggers, onde você se cadastra, após a confirmação do cadastro você recebera uma TobBar para colocar no seu blog, dessa forma todos fazem propaganda do Blogas e também divulgam todos os outros blogs!
Com o objetivo de tornar todos os blogspots conhecidos, recebendo por conseguência mais visitas.

Porém esse projeto é novo, ainda está em testes. Por isso anda um pouco devagar.
Mas com esse post venho trazer a noticia que o Blogas 2.0 está chegando, com um layout simples, porém muito agradável.
Com dicas do grande Compulsivo, estou providenciando um formulário de cadastra, junto com termos de uso, uma página de F.A.Q. e algumas surpresas.
Tudo isso porque estou muito satisfeito com os resultados do Blogas beta.
Com menos de um mês, estamos recebendo 150 visitas únicas em média no site e em torno de 1035 visitas únicas por dia nos blogs cadastrados. Não se preocupe não está sendo cadastrado nenhum blog por agora, por isso você não está vendo atualização, logo, logo estaremos em atividade normalmente.
Esperamos sua colaboração.

Uma outra novidade é que agora você pode cadastrar seu blog, colocar a topbar do Blogas e o uso do sub-domínio (SEUBLOG.blogas.com.br) fica opcional, não vai interferir em nada se você deixar de usar, só o uso da topbar é obrigatório.

Aguarde o lançamento, porque junto a do Blogas http://blogas.com.br/ 2.0 terá um sorteio de um template personalizado.
Por agora é só...
Abraços!

Novidades BlogBlogs e parada programada para manutenção

2008-10-07T17:09:00.000-07:00

Será sábado, 11 de outubro de 2008 a grande mudança do BlogBlogs?
É isso aí, o Manoel Lemos ou digamos: Os Manoéis, prometem!
Segundo as palavras de Manoell Neto, o que muda:

Novos power mega ultra servidores, tinindo. São 12 máquinas, com no mínimo 4 GB de RAM, sendo 3 só para o site e mais 3 só para widgets. Uma dedicada só para o blog

Limpeza e otimização da base de dados. As duplicidades de dados serão removidas, ao mesmo tempo os relacionamentos refeitos, otimizando as pesquisas e diminuindo bastante o tempo de resposta.

Upgrade da versão de nosso motor (Rails), fazendo com que os códigos sejam executados mais rapidamente e com menos esforço dos servidores. Além disso, deixamos o BlogBlogs totalmente compatível com o Brasigo.

Correção de bugs. Muitos dos probleminhas que acontecem hoje no BlogBlogs já foram corrigidos no ambiente de desenvolvimento, mas não foram para o ar por conta do ítem acima. Com o upgrade, todas essas pequenas correções (são detalhes, e muitos, então seria difícil listar) vão junto.

Implementação de pré-features. No lançamento da versão 2.0 do BlogBlogs, algumas coisas serão implementadas. A principal mudança é a categorização de conteúdo e, para isso acontecer, obviamente os autores dos blogs deverão informar a qual categoria os seus blogs pertencem. Pensando nisso, antes de lançar a versão nova, disponibilizaremos a possibilidade de atualizarem a categoria de seus blogs já nesse upgrade. Algumas outras coisinhas vão aparecer, mas vocês descobrem sozinhos.

É com uma "equipe" dessa de servidores, vai ter que juntar muita, mais muita gente para dar trafego que derrube isso! [rsrsrs]
Então a noticia é essa, dia 11 de outubro de 2008 o BlogBlogs vai sair do ar por algum tempo, até que tudo volte ao normal.
Agora é aguardar as novidades!
Confira toda noticia no Weblog do BlogBlogs.

Menu com imagem

2008-10-07T05:52:00.000-07:00

Estou recebendo muitos emails de leitores pedindo para ensinar a fazer algum Menu de navegação para o blog.
Fiz um muito fácil de modificar, então vou ensinar aqui. O menu vai ficar mais ou menos assim:

1º - Faça login no Blogger, entre em: "Layout" -> "Editar HTML".

2º - Procure (Ctrl + F):

]]></b:skin>

Cole o seguinte código ANTES:

#menu-lateral ul li { display: inline; font-weight: bold; list-style-type: none; padding: 5px 5px 5px 0; margin: 0; }
#menu-lateral li span.home { background: url('http://iconlet.com/icons/twotone/beige/home.gif') no-repeat; padding: 0 0 0 20px; }
#menu-lateral li span.sobre { background: url('http://iconlet.com/icons/futurosoft/16x16/actions/about_kde.png') no-repeat; padding: 0 0 0 20px; }
#menu-lateral li span.contato { background: url('http://iconlet.com/icons/nuvola/16x16/mail_post_to.png') no-repeat; padding: 0 0 0 20px; }

* Onde está de vermelho são as imagens do menu, caso queira troca-las, basta substituir o link pela nova imagem desejada (tamanho ideal: 16px por 16px);
* Para criar novos links para o menu copie esse código abaixo:

#menu-lateral li span.NOVO { background: url('IMAGEM') no-repeat; padding: 0 0 0 20px; }

* Onde está de azul substitua pelo nome do novo link, em letra minuscula, exemplo:

#menu-lateral li span.templates { background: url('http://iconlet.com/icons/fff_silk/layout.png') no-repeat; padding: 0 0 0 20px; }

Simples, faça cada código para cada link do menu.
Depois teste, se não modificou NADA no template, salve!

3º - Entre em: "Layout" -> Elementos da página".
Clique em "Adicionar um Gadget" no lugar desejado que fique o menu. Escolha adicionar um: "HTML/Java Script".

E adicione o seguinte código:

<div id="menu-lateral">
<ul>
<li><span class="home"><a href="LINKAQUI">Home</a></span></li>
<li><span class="sobre"><a href="LINKAQUI">Sobre</a></span></li>
<li><span class="contato"><a href="LINKAQUI">Contato</a></span></li>
</ul>
</div>

* Onde está de preto é o que vai "ligar" com o código que você colou no template.
* Onde está de azul você deve colocar o link desejado para o menu.
* Onde está de rosa é o que vai aparecer no menu, é o nome do link.

Substitui tudo de acordo e salve.
Pessoal, esse tutorial é um pouco complicado de ensinar, desculpe, mas tentei fazer do geito mais fácil.
Faça várias vezes, se mesmo assim não conseguir entre em contato por email, mande o código que você modificou, os links desejados para colocar no menu e as imagens (já hospedadas) para cada link.
E eu vou ver o que posso fazer.
abraços...

Template Freedom Wall

2008-10-07T05:03:00.000-07:00

Demo
Download

Não retire os créditos do autor do template!

Divulgue o Códigos Blog e comentários!

2008-10-05T09:24:00.000-07:00

Primeiramente esse post não é um post de Dica e sim um post dedicado.
Todos que visitam frequentemente o Códigos Blog, sabe como eu tento de todas as formas está aqui presente, ajudando e fazendo postagens uteis e bem explicados.

Confesso não sei de tudo, não posso fazer tudo, e tudo que faço aqui é praticamente algo sem retorno, porque o que ganho com o Adsense não paga as horas em frente ao meu PC.

E o que eu espero em troca?
NADA! Fico muito feliz quando recebo um único link de um blogueiro que reconhece meu trabalho e retribui com isso. Melhor ainda quando ganho uma postagem só de agradecimento, posso não comentar, mas não é porque não quero e sim por falta de tempo, mais fico muito satisfeito e isso me motiva!
Então caros visitantes, reconhecem que o mínimo que um blogueiro pode fazer para agradecer uma dica é um comentário agradável ou um simples link? Certo?
Não estou cobrando nada de ninguém nesse blog, só quero RESPEITO! Comentário ou link fica a critério do leitor!

Agora vamos ao caso:
Todos já devem ter visto meus banners de divulgação no lado direito do blog:

E logo em baixo está escrito: Veja outros banner's.
Clicando sobre essa frase, vai ser aberto outro post onde vai estar presente vários outros banners de divulgação do Códigos Blogs, caso queira usar um diferente é só olhar lá.

Legal, mais esse é um post de DIVULGAÇÃO dos banners e não de parceria e em nenhum canto está escrito: "Link agora, você é obrigado!" ou está e eu não estou vendo?

Pois é, não importo das pessoas assim mesmo pedirem parceria, mas por favor não venha com ironia como o Hiago fez:

Texto: "quem é o troxa que vai divulgar vcs sem ter uma troca de banner?!?!?!"

TUDO que escrevi acima serve como resposta?
E se quiser ver quem são os "troxas":
- Clique aqui!
- Ou Aqui
- Ou Aqui

Pronto? Pois se você considera "troxas" as pessoas que agradecem a ajuda com um link ou com um banner, fique a vontade, mas não venha aqui falar isso. Porque você não chama de "troxas" seus visitantes? Quem sabe assim você recebera muitos elogios?
Agradeço você por esse comentário, que virou uma postagem, assim recebo mais "troxas" no meu blog!

E aos outros leitores:
Não obrigo nenhum de vocês a me divulgar, só de ter a visitas de vocês já fico feliz! Obrigado a todos meus leitores, porque sem vocês não tem Códigos Blog!

E que esse fato seja uma lição: Pense antes de falar bobagem!

Widget visível no blog somente para o administrador

2008-09-28T07:05:00.000-07:00

Dia 22 de setembro o blog Bloggingtips publicou um post ensinando a criar o seu próprio painel de controle para seu blog, adicionando um widget que só aparece para o Administrador do blog.
Muito simples, testei e está funcionando tudo certinho.
Aqui vou ensinar em português como fazer, com algumas mudanças feitas por mim.
Antes de tudo recomendo que faça um backup do seu template.

Vamos lá...
1º - Entre em "Layout" -> "Elementos da Página".

2º - Clique em "Adicionar um Gadget". Escolha adicionar "HTML/Java Script". Escreva qualquer frase pequena, adicione o seguinte título: "ADMIN", após isso salve!

3º - Entre em "Layout" -> "Editar HTML". Marque a caixa: "Expandir modelos de widgets".

4º - Busque (Ctrl + F):

ADMIN

5º - O widget começa de <b:widget ...> até </b:widget> então entre esses códigos procure:

<b:includable id='main'>

Cole o seguinte código em frente:

<span class='item-control blog-admin'>

e depois de:

<b:include name='quickedit'/>

Cole isso:

</span>

6º - Deve ficar mais ou menos assim:

<b:widget id='HTML11' locked='false' title='ADMIN' type='HTML'>
<b:includable id='main'><span class='item-control blog-admin'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/></span>
</b:includable>
</b:widget>

*HTML11 é variável, depende de cada blog, isso não vai interferir se ficar difirente. Ou seja ignore se essa parte estiver diferente no seu blog.

7º - Teste, se não teve nenhum erro, salve!

8º - Configurando seu painel!
Entre em "Layout" -> Elementos da Página". No widget "ADMIN", clique em editar, lá você pode adicionar o que quiser, aquilo é seu widget de administrador. Faça o seu. Depois salve e teste.

9º - Código opcional para seu widget admin:

<ul>
<li><a href="http://blogger.com/home">Painel Blogger </a></li>
<li><a href="http://draft.blogger.com/home">Painel Blogger Draft </a></li>
<li><a href="http://Link%20Nova%20Postagem%20Aqui">Nova Postagem</a></li>
<li><a href="http://Link%20Editar%20Postagem%20Aqui">Editar Postagens</a></li>
<li><a href="http://Link%20Layout%20Aqui">Layout</a></li>
<li><a href="http://Link%20Editar%20HTML%20Aqui">Editar HTML</a></li>
<li><a href="http://Link%20Configurações%20Aqui">Configurações</a></li>
<li><a href="http://Link%20Moderar%20Comentários%20Aqui">Moderar Comentários</a></li>
<li><a href="http://blogblogs.com.br/">BlogBlogs</a></li>
<li><a href="http://technorati.com/">Technorati </a></li>
<li><a href="http://rec6.via6.com/">Rec6 </a></li>
<li><a href="http://ueba.com.br/">Ueba</a></li>
<li><a href="http://orkut.com">Orkut</a></li>
<li><a href="http://codigosblog.com.br/">Códigos Blog </a></li>
</ul>
<p><form id="searchform2" action="/search" method="get">
<div><input name="q" type="text" id="s" value=""/>
<input id="searchsubmit" value="Busca" type="submit"/>
</div>
</form></p>

* Faça as alterações nos links necessários. Adicione, retire, faça o que quiser, o widget é seu! =D
Exemplo como ficou no Códigos Blog:

Pronto! Não esqueça de trocar os links. E até mais.

Template Gray Spacious e Template Blue Effects - Link atualizado!

2008-09-25T15:20:00.000-07:00

Para os que esperavam isso a meses... Arrumei tempo para atualizar o Template Gray Spacious e o Template Blue Effects, agora não tem erro nem para instalar, nem para baixar.

Desculpe a demora. Agora faça bom proveito, modifique o que quiser, mas não retire os créditos do Códigos Blog!

abraços