Uma maneira de se desenhar um pixel usando canvas. A ideia e.. usando a funcao fillRect(), na qual cria um quadrado. ..- Apenas desenhe um quadrado 1x1.Veja o codigo abaixo:function drawPixel(x,y){ var canvas = document.getElementById("myCanvas") var context = canvas.getContext('2d'); context.fillRect(x,y,1,1);} Uma lista de alguns bons templates gratuitos para o blogger.http://www.soratemplates.com/2012/09/thestyle-blogger-template.html http://lord-template.blogspot.com.br/2012/09/download-free-blogspot-templates-2012.html http://www.dzignine.com/ http://blogger-store-javatemplates.blogspot.com.br/ http://loja-virtual-gratis.blogspot.com.br/ http://lightroom-dzignine.blogspot.com.br/ http://www.demo.bestbloggertemplates.net/2012/04/x7-black-unique-grunge-blogger-template.html http://www.demo.bestbloggertemplates.net/2012/07/portfolio-blogger-template.html http://www.demo.bestbloggertemplates.net/2012/07/unite-blogger-template.html http://www.demo.bestbloggertemplates.net/2011/04/old-paper.html http://www.demo.bestbloggertemplates.net/2011/04/mez.html http://www.demo.bestbloggertemplates.net/2012/07/london-creative.html http://www.demo.bestbloggertemplates.net/2012/02/lummoxie-blogger-template.html http://www.demo.bestbloggertemplates.net/2012/01/mangos-blogger-template.html http://www.demo.bestbloggertemplates.net/2012/07/simple-red-blogger-template.html http://www.demo.bestbloggertemplates.net/2012/01/metapami-magazine.html http://www.zoomtemplate.com/search?updated-max=2011-10-27T09%3A12%3A00%2B07%3A00&max-results=8#PageNo=23 http://demo.zoomtemplate.com/?dm=http://wplauncher-black.blogspot.com/&dl=http://www.box.com/s/9joofr25jbual2502e95 http://demo.zoomtemplate.com/?dm=http://diavlo-besttheme.blogspot.com/&dl=http://www.box.net/shared/geyax59k2xvu524qqmvx http://bloggerstop.net/2010/07/3-blogger-business-card-templates-your.html http://www.compartidisimo.com/2010/12/introduciendo-la-plantilla-para-blogger.html http://besttheme.net/coming-soon/ http://www.bloggermint.com/2011/01/e-business-card-blogger-template/ Analisaremos o codigo Javascript abaixo feito por um WebDesigner.function lebel_logo(etiqueta) { imagenes = new Array(); imagenes[1] = "<img src='image.png' title='Image'/>" imagenes[2] = "<img src='video.png' title='Video'/>" imagenes[3] = "<img src='audio.png' title='Music'/>" imagenes[4] = "<img src='quote.png' title='Quote'/>" imagenes[5] = "<img src='aside.png' title='Blog'/>" if (etiqueta == "Image") { document.write(imagenes[1]); } if (etiqueta == "Video") { document.write(imagenes[2]); } if (etiqueta == "Music") { document.write(imagenes[3]); } if (etiqueta == "Quote") { document.write(imagenes[4]); } if (etiqueta == "Blog") { document.write(imagenes[5]); } }O que ele faz e inserir no HTML uma imagem(como essa na esquerda) dependendo do tipo de TAG na postagem de um blog.Observacoes1o Uso desnecessario de recursos. Por que esse criar um array para guardar esses links de imagens se eu posso coloca-los diretamente dentro? document.write();? 2o Nao existe tratamento de letras maiusculas ou minusculas.Se um usuario adicionar uma TAG com o nome contendo alguma letra maiuscula que nao seja a primeira... a imagem nao vai aparecer. 3o Nao existe valor default.Caso eu nao coloquei nenhuma TAG na minha publicacao ficara um espaco em brancoPossiveis melhoriasfunction choose_label(etiqueta){ switch(etiqueta.toUpperCase()) { case "IMAGE": document.write("<img src='image.png' title='Image'/>"); break; case "VIDEO": document.write("<img src='video.png' title='Video'/>"); break; case "MUSIC": document.write("<img src='audio.png' title='Music'/>"); break; case "QUOTE": document.write("<img src='quote.png' title='Quote'/>"); break; case "BLOG": document.write("<img src='aside.png' title='Blog'/>"); break; default: document.write("<img src='aside.png' title='Blog'/>"); } } Otimo livro sobre padroes de projeto em Javascript. O livro esta em ingles, mas a linguagem e mais tecnica deixando-o assim facil de entender. Da para aprender muito... e o melhor de tudo... e gratuito!Clique aqui para ler Todo mundo que conhece o Qt (nao conhece? clique aqui) sabe o quao poderoso ele e. O Qt ja vem com uma propria biblioteca para a construcao de softwares em OpenGL. Todavia, alguns programadores nao querem refatorar seus codigos, mas somente trocar de IDE. O Dev-C++, por exemplo, e muito simples se comparado o Qt Creator. Por isso mostrarei como configurar o ambiente para usar o GLUT api + Qt. - Baixe o GLUT. - Crie o projeto. - Adicione as referencias. - Defina alguns Macros. - Teste a Aplicacao. - Possiveis Erros.Baixe o arquivo binario do GLUT na pagina do Nate Robins. Apenas as dlls, nao precisamos do fonte.Crie um projeto Qt Gui Application e escolha qualquer nome para a sua classe MainWindow.Abra a pasta do seu projeto, crie uma pasta chamada GL e adicione os arquivos do glut que voce baixou anteriormente.Abra o arquivo .pro do projeto, localizado no menu lateral esquerdo.Adicione a referencia do openGl:QT += core gui openglAdicione o path do glut32.lib:LIBS += \GL\glut32.libAdicione o header glut.h aos HEADERSHEADERS += GL/glut.hNo arquivo main, antes dos includes, defina os macros abaixo para evitar erros de compilacao:#define _STDCALL_SUPPORTED#define GLUT_NO_LIB_PRAGMA #define