tag:blogger.com,1999:blog-55813326726288890302024-03-13T01:20:59.519+00:00Some High-Tech Tipsj. manuel cordeirohttp://www.blogger.com/profile/04302257961707671022noreply@blogger.comBlogger65125tag:blogger.com,1999:blog-5581332672628889030.post-13583951216308895882011-07-23T11:18:00.001+01:002011-07-23T11:18:18.752+01:00Template backup<p><a href="http://hitech-tips.blogspot.com/2010/05/template-actions-download-backup-edit.html" target="_blank"><strong>This post in English</strong></a></p> <p> </p> <p>Antes de se modificar os aspectos da template do blog, é crítico fazer uma cópia de segurança da template. Se algo correr mal, pode-se depois voltar a trás com esta com esta cópia.</p> <p> </p> <p><strong>Como fazer cópia de segurança da template (ou modelo, em português)</strong></p> <ol> <li>Entrar no blog e clicar em Design <br /><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/-tDO3dABiYZM/Tiqf2xCjXHI/AAAAAAAACpY/LOaHHxxqgc0/image%25255B5%25255D.png?imgmax=800" width="497" height="66" /> <br />  </li> <li>Clicar em Editar HTML <br /><img style="background-image: none; border-right-width: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/-NWUsTSYFi88/Tiqf3R3rFeI/AAAAAAAACpc/PfDXEvOvsXo/image%25255B8%25255D.png?imgmax=800" width="229" height="131" /> <br />  </li> <li>Clicar em Transferir modelo completo <br /><img style="background-image: none; border-right-width: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/-Kt8F9GDpCUg/Tiqf33la6-I/AAAAAAAACpg/515IxHBdKRI/image%25255B11%25255D.png?imgmax=800" width="298" height="72" /> <br />   </li> <li>Guardar o ficheiro algures no disco. É um ficheiro do tipo XML, que é basicamente texto com a template do blog. Pode ser aberto com qualquer editor de texto simples (exemplo: Notepad do Windows; recomendo o uso do <a href="http://notepad-plus-plus.org/download/" target="_blank">Notepad++</a>). </li> </ol> <p>Está feito.</p> <p> </p> <p><strong>Como usar a cópia de segurança da template para desfazer um erro decorrente de se ter alterado a template do blog</strong></p> <p> </p> <ol> <li>Entrar no blog e clicar em Design <br /><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/-vlOwjXIcQmQ/Tiqf4aAJnwI/AAAAAAAACpk/RVG1aVlvu80/image%25255B22%25255D.png?imgmax=800" width="497" height="66" /> <br /></li> <li>Clicar em Editar HTML <br /><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/-F_vAqf1xBBY/Tiqf4sp3JiI/AAAAAAAACpo/b0rPJ8QRbv4/image%25255B23%25255D.png?imgmax=800" width="229" height="131" /> <br /></li> <li>Escolher o ficheiro guardado no ponto anterior (clicar em Browse/Procurar, dependendo da língua usada) e clicar em Carregar. <br /><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/-N7zdqjMbXGE/Tiqf5OdkxzI/AAAAAAAACps/EEqth9TTBE0/image%25255B27%25255D.png?imgmax=800" width="561" height="46" /> <br /> </li> <li>Podem aparecer mensagens como a que se segue: <br /><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/-0EQzQ16pnpM/Tiqf5p3e0vI/AAAAAAAACpw/t5xEXsovZY0/image%25255B32%25255D.png?imgmax=800" width="568" height="144" /> <br />Esta mensagem significa que o ficheiro que se está a carregar contém menos coisas do que a template em uso. Se a modificação que se fez na template foi acrescentar coisas, é normal que a versão anterior tenha menos coisas. Por isso, clicar em Eliminar Widgets. Caso contrário, ter a certeza de que o ficheiro que se está a carregar corresponde de facto à última versão da template que esteve online. <br />Dica: em caso de dúvida, fazer a 1ª etapa (backup da template) para se guardar o que haja a guardar antes de carregar a template. <br /></li> <li>Depois de carregado o ficheiro, as alterações entram em funções imediatamente. <br /><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/-rAB8TLBpkKA/Tiqf6D632cI/AAAAAAAACp0/usUcG18jn1w/image%25255B36%25255D.png?imgmax=800" width="353" height="33" /></li> </ol> <p>Nota: se se pretender ver as alterações da template antes de a carregar como se acabou de descrever, pode-se copiar o conteúdo da template e colá-lo na caixa seguinte (depois de se ter apagado o respectivo conteúdo):</p> <p><img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top: 0px; border-right: 0px; padding-top: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/-wUpQkw5M3tA/Tiqf6Zcr1pI/AAAAAAAACp4/EHeBYNdckAg/image%25255B40%25255D.png?imgmax=800" width="595" height="113" /> </p> <p>De seguida, basta clicar em Pré-visualizar.</p> j. manuel cordeirohttp://www.blogger.com/profile/04302257961707671022noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-64043246639740147272010-11-19T23:19:00.001+00:002010-11-19T23:19:05.119+00:00Windows Live Writer: formatar imagens<p><img style="border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px" title="" border="0" alt="" align="left" src="http://lh3.ggpht.com/_ajSffy5BsnY/TOcFsaa2XSI/AAAAAAAACh0/JIg04MM9IO0/image%5B59%5D.png?imgmax=800" width="251" height="250" /> <em>Este tutorial explica como formatar imagens nos posts escritos com o Windows Live Writer. </em></p> <p><em>Nível de dificuldade: baixo</em></p> <p> </p> <p>Comecei por detestar a abordagem da suite Live, especialmente do <a href="http://fliscorno.blogspot.com/2009/11/invasao-de-privacidade.html" target="_blank">Live Messager</a>, que tornava publica informação minha sem meu consentimento (sim, pode-se ir à configuração e mudar mas o default é abusivo). Mas o Live Writer é uma killer app e já escrevi alguns posts sobre a forma de o usar.</p> <p>Já abordei a forma como se <a href="http://hitech-tips.blogspot.com/2010/02/bloggers-prestem-atencao-ao-windows.html" target="_blank">instala este software</a> e alguns aspectos da sua utilização (sobre <a href="http://hitech-tips.blogspot.com/2010/02/faca-posts-de-forma-rapida-e-eficaz.html" target="_blank">captura de imagens</a> e sobre o <a href="http://hitech-tips.blogspot.com/2010/02/windows-live-writer-ping.html" target="_blank">ping para o Twingly e para o Wordpress</a>). Agora debruço-me sobre a inclusão de fotos nos posts. Este aspecto é um pouco manhoso mas depois de umas configurações, é impec. </p> <p>As imagens seguintes reflectem as configurações que uso regularmente para as imagens. Experimente defini-las (para isso, inserir uma imagem e depois clicar nela para activar os painéis de opções) e depois clicar no <b>guardar como predefinições</b>. Desta forma, a próxima imagem que inserir estará com as definições que deseja.</p> <p> </p> <p><strong></strong></p> <p><em><strong>NOTA:</strong> estas imagens são copiadas do Windows Live Writer XP. A última versão (Windows Live Writer 2011) tem um aspecto diferente mas os conceitos são os mesmos. Basta um pouco de esforço para encontrar as mesmas coisas.</em></p> <p> </p> <table border="0" cellspacing="0" cellpadding="1" width="599"><tbody> <tr> <td valign="top" width="291"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="" border="0" alt="" src="http://lh6.ggpht.com/_ajSffy5BsnY/TOcFuBV6zWI/AAAAAAAACh4/SO6PcaQfR2k/image%5B23%5D.png?imgmax=800" width="197" height="328" /> <br /><strong>Imagem 1 <br /></strong></td> <td valign="top" width="306"> <p>- inline para o uso habitual no blog (por vezes coloco Esquerda para o texto contornar a image)</p> <p>- sem margens (fica o default do blog)</p> <p>- limites (border): gosto da imagem com uma linha à volta. o papel fotográfico tb é interessante especialmente quando o centro do post é a fotografia</p> <p>- hiperligação: na maior parte dos casos não quero nenhuma ligação. mas pode ter interesse ter a ligação para um URL (exemplo: recorte de uma notícia e link para a origem) ou então para a imagem de origem (neste caso ver a imagem 6) <br /></p> </td> </tr> <tr> <td valign="top" width="293"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="" border="0" alt="" src="http://lh6.ggpht.com/_ajSffy5BsnY/TOcFvBSGjKI/AAAAAAAACh8/O0_eO9zVcvs/image%5B24%5D.png?imgmax=800" width="198" height="373" /> <br /><strong>Imagem 2 <br /></strong></td> <td valign="top" width="305"> <p>- tamanho médio (clicar no esquadro para definir o que é tamanho médio (ver a imagem 3) </p> <p>- incluir um texto descritivo da imagem (ajuda o google na pesquisa de imagens) </p> </td> </tr> <tr> <td valign="top" width="294"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="" border="0" alt="" src="http://lh3.ggpht.com/_ajSffy5BsnY/TOcFwZfCMYI/AAAAAAAACiA/AKL6OeUxhQ4/image%5B26%5D.png?imgmax=800" width="265" height="305" /> <br /> <strong>Imagem 3 <br /></strong></td> <td valign="top" width="304">- definir os valores dos tamanhos pré-definidos. <br />- no Aventar, uma imagem não deve passar muito dos 550 pixéis de largura (se não passar por cima da barra lateral ou fica cortada).</td> </tr> <tr> <td valign="top" width="295"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="" border="0" alt="" src="http://lh5.ggpht.com/_ajSffy5BsnY/TOcFxiDPo9I/AAAAAAAACiE/zqnQFe35FMA/image%5B27%5D.png?imgmax=800" width="197" height="237" /> <br /><strong>Imagem 4 <br /></strong></td> <td valign="top" width="303">nada de especial a referir mas ver a lista de efeitos possíveis </td> </tr> <tr> <td valign="top" width="296"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="" border="0" alt="" src="http://lh6.ggpht.com/_ajSffy5BsnY/TOcFyGv-45I/AAAAAAAACiI/P8_9L11fud0/image%5B34%5D.png?imgmax=800" width="188" height="106" /> <br /><strong>Imagem 5 <br /></strong></td> <td valign="top" width="302">lista de possibilidades de hiperligações das imagens</td> </tr> <tr> <td valign="top" width="297"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="" border="0" alt="" src="http://lh5.ggpht.com/_ajSffy5BsnY/TOcFzFcFRrI/AAAAAAAACiM/MM5Ut7TeFcw/image%5B35%5D.png?imgmax=800" width="282" height="247" /> <br /><strong>Imagem 6</strong> <br /></td> <td valign="top" width="302">na maior parte dos casos, quero que, quando a imagem liga para a imagem de origem, seja apresentada a imagem no seu tamanho original. fazer esta pré-definição aqui. </td> </tr> <tr> <td valign="top" width="297"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="" border="0" alt="" src="http://lh4.ggpht.com/_ajSffy5BsnY/TOcFz4ZxgKI/AAAAAAAACiQ/X3qMph6QBrA/image%5B36%5D.png?imgmax=800" width="132" height="90" /> <br /><strong>Imagem 7</strong></td> <td valign="top" width="302">Depois de feitas as pré-definições, clicar no <b>guardar como predefinições</b> e assim a próxima imagem inserida terá de imediato estas características</td> </tr> </tbody></table> <p> </p> <p> <br /><b>UM TRUQUE</b> <br />Por vezes quero inserir uma série de imagens iguais mas diferentes destas predefinições. Exemplo: incluir 10 imagens com tamanho 100x100 e a apontar para a imagem de origem mas redimensionada para um máximo de 800x600. Para poupar tempo, insiro a primeira imagem, formato-a assim e, tendo-a seleccionada clico no <b>guardar como predefinições</b>. Desta forma as próximas 9 imagens que inserir terão as mesmas características. Depois volto a colocar as predefinições genéricas a usar nas restantes postagens. </p> <p> <br />Fica aqui um link com informação detalhada sobre como instalar o Windows Live Writer.  </p> <p></p> <p><b><a href="http://hitech-tips.blogspot.com/2010/02/bloggers-prestem-atencao-ao-windows.html">http://hitech-tips.blogspot.com/2010/02/bloggers-prestem-atencao-ao-windows.html</a></b></p> <p>E aqui mostro como fazer capturas de ecrãs:</p> <p><a href="http://hitech-tips.blogspot.com/2010/02/faca-posts-de-forma-rapida-e-eficaz.html">http://hitech-tips.blogspot.com/2010/02/faca-posts-de-forma-rapida-e-eficaz.html</a></p> <p>Sobre este programa de captura de ecrãs (há muitos), é de realçar um aspecto <strong>muito </strong>prático e que é o facto do software poder gravar automaticamente em disco a imagem capturada. É especialmente se se estiverem a fazer várias capturas. Também permite copiar automaticamente para o clipboard a imagem capturada (muito útil também). No anterior link explico como se faz isso. </p> <p> <br />Boas postagens :)</p> <p> </p> <p><strong>Links para download do Windows Live Writer:</strong></p> <ul> <li>Versão 2011 (aspecto como o Office 2011): <br /><a href="http://explore.live.com/windows-live-writer?os=other">http://explore.live.com/windows-live-writer?os=other</a> <br /><a href="http://lh4.ggpht.com/_ajSffy5BsnY/TOcF109xcPI/AAAAAAAACiU/IMdu77P8g-8/s1600-h/image%5B51%5D.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_ajSffy5BsnY/TOcF37IJ4rI/AAAAAAAACiY/7Ry079vy1KQ/image_thumb%5B1%5D.png?imgmax=800" width="277" height="221" /></a>  <br /></li> <li>Versão 2009 (aspecto como o Office XP): <br /><a href="http://explore.live.com/windows-live-writer-xp">http://explore.live.com/windows-live-writer-xp</a> <br /><a href="http://lh4.ggpht.com/_ajSffy5BsnY/TOcF4-fhJXI/AAAAAAAACic/pWhbGVhIc6k/s1600-h/image%5B55%5D.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_ajSffy5BsnY/TOcF5t7CkQI/AAAAAAAACig/W2bAogrsDMg/image_thumb%5B4%5D.png?imgmax=800" width="275" height="227" /></a> </li> </ul> j. manuel cordeirohttp://www.blogger.com/profile/04302257961707671022noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-18761388719446093022010-11-04T16:31:00.001+00:002010-11-04T16:31:06.507+00:00How to setup the AddThis share buttons<p><strong>This tutorial shows how to add the "Share This" buttons to your blogger blog. At the end, you will have something like this:</strong></p> <p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/_Z2RmDP_1RN0/TNLfs2bsB0I/AAAAAAAAAHg/zqRyViRxkhk/image%5B5%5D.png?imgmax=800" width="589" height="386" /> </p> <p><em>tip level: intermediate</em></p> <p><strong></strong></p> <p><strong>1. First of all, backup your template. See how: </strong><a href="http://hitech-tips.blogspot.com/2010/05/template-actions-download-backup-edit.html"><strong>Template actions: download, backup, edit and restore</strong></a>. If anything goes wrong, this is your chance to go back.</p> <p> </p> <p><strong>2. Now, setup an AddThis account:</strong></p> <ul> <li>Go to <a href="http://www.addthis.com">http://www.addthis.com</a> <br /></li> <li>Choose the sharing style: <br /><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/_Z2RmDP_1RN0/TNLftW_FdCI/AAAAAAAAAHk/YXB_O4bQ71A/image%5B11%5D.png?imgmax=800" width="306" height="190" /> <br />Personally, I prefer the first option, but without the "Share" button ( because it makes a popup window to appear). Bellow the instructions will show how to have this: <br /><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_Z2RmDP_1RN0/TNLft38GtOI/AAAAAAAAAHo/cYlqIYU6TGQ/image%5B15%5D.png?imgmax=800" width="302" height="32" /> <br /></li> <li>Choose to have sharing analytics: <br /><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/_Z2RmDP_1RN0/TNLfuPKv60I/AAAAAAAAAHs/zfb76JkRL0Q/image%5B8%5D.png?imgmax=800" width="240" height="110" /> <br /></li> <li>Click to have the button code: <br /><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_Z2RmDP_1RN0/TNLfuhZmh8I/AAAAAAAAAHw/tMjq9QLC3QE/image%5B18%5D.png?imgmax=800" width="238" height="113" />  <br /></li> <li>Now you will need to register. Bellow I show my registration. Note at the username, it'll be used bellow. <br /><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/_Z2RmDP_1RN0/TNLfvMzOtuI/AAAAAAAAAH0/YWDKrIyse-o/image%5B21%5D.png?imgmax=800" width="412" height="382" /> <br /></li> <li>Now, copy the code: <br /><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_Z2RmDP_1RN0/TNLfwShjhsI/AAAAAAAAAH4/5xfUcsLyGVQ/image%5B25%5D.png?imgmax=800" width="569" height="208" /> <br />and<strong> paste it in some text editor </strong>(notepad it's ok).  We will return to this code later. <br /></li> </ul> <p><strong>3. Having this done, it's time to modify your template. </strong></p> <ul> <li>Make a copy of your template you downloaded in step one and let's modify it. You can use any text editor (such as notepad). <br /></li> <li>Search for the text  <strong></head></strong> and open a new line <u>above</u> it. <br /></li> <li>In order to choose the language in use, paste the following text: <br /><font size="2"><font face="Courier New"><font color="#008000"><strong><script type='text/javascript'> <br />    var addthis_config = { <br />        ui_language: &quot;pt&quot; <br />    }; <br /></script></strong></font></font></font></li> <br />Where it's written <strong>pt</strong> you can place the letters for your language. After this change, it should look like this: <br /><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_Z2RmDP_1RN0/TNLfw7Dim6I/AAAAAAAAAH8/LjZ7hPe4m2I/image%5B2%5D.png?imgmax=800" width="351" height="164" /> <br /> <br /> <li>Now search in your template for this text: <br /><strong><data:post.body/></strong> <br />If you can't find it, search for <br /><strong>data:post.body</strong> <br />and then make sure it has a similar pattern to <data:post.body/> <br /></li> <li>Open a blank line <u>bellow</u> this text and paste there the following code:</li> <p><font color="#008000" size="2" face="Courier New"><script type='text/javascript'>    <br />var addthis_share = { <br />    url: &#39;data:post.url&#39;, <br />    title: &#39;data:post.title&#39;, <br />    templates: { <br />        twitter: &#39;RT @<font color="#ff0000"><strong>fliscorno</strong></font> {{title}} {{url}}&#39; <br />    } <br />}; <br /></script> </font></p> <p><font color="#008000" size="2" face="Courier New"><div class='sharepost'> <br />    <div class='addthis_toolbox addthis_default_style'>    <br />        <span class='addthis_separator'>Partilhar: </span> <br />        <a class='addthis_button_facebook' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/> <br />        <a class='addthis_button_twitter' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/> <br />        <a class='addthis_button_myspace' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/> <br />        <a class='addthis_button_blogger' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/> <br />        <a class='addthis_button_wordpress' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/>    <br />        <a class='addthis_button_google' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/> <br />        <a class='addthis_button_friendfeed' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/> <br />        <a class='addthis_button_delicious' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/> <br />        <a class='addthis_button_email' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/> <br />        <a class='addthis_button_favorites' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/> <br />        <a class='addthis_button_print' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'/>    <br />    </div> <br /></div>                                                    <br /><script type='text/javascript'>var addthis_config = {'data_track_clickback':true};</script> <br /><script type='text/javascript' src = </font><font color="#008000" size="2" face="Courier New">'http://s7.addthis.com/js/250/addthis_widget.js#username=<font color="#ff0000"><strong>hitechtips</strong></font></font><font color="#008000" size="2" face="Courier New">'> </script> </font></p> <p><font color="#008000" size="2" face="Courier New"><br/></font></p> <br /><strong>IMPORTANT: replace the red text above by your own usernames: <br />- replace <font color="#ff0000">fliscorno</font> with your twitter username <br />- replace <font color="#ff0000">hitechtips</font> with the username you created at step 2. You can copy if from the text you pasted at the end of step 2. <br /> <br />Replace the text Partilhar with whatever you want to say (eg. Share) <br /> <br /></strong>At the end of this step, it should look as the following picture: <br /><a href="http://lh5.ggpht.com/_Z2RmDP_1RN0/TNLfxSqxv7I/AAAAAAAAAIA/t_Tu41_z6mQ/s1600-h/image%5B30%5D.png"><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/_Z2RmDP_1RN0/TNLfyDGfYeI/AAAAAAAAAIE/J6k1Wq0ny1A/image_thumb.png?imgmax=800" width="567" height="407" /></a> <br />(click to enlarge) <br /> <br /><strong>Another tip about where to put this last piece of code: it must be in between <data:post.body/> and </b:includable> (see the picture).</strong> <br /> <br /> <li>Save the template and upload it to your blog (see the link at step 1). <br /></li> <li>Preview the blog and it's done. If the blog stop working, then restore the older template you have backed up at step 1.</li> </ul> <p> </p> <p><strong>Further steps:</strong></p> <ul> <li>The AddThis button can have Facebook and Twitter counts. See the <a href="http://www.addthis.com/help" target="_blank">AddThis help</a> for instructions. See also <a href="http://www.addthis.com/help/toolbox" target="_blank">here</a>. <br /></li> </ul> <p><strong>Help, this doesn't work!</strong></p> <ul> <li>Be sure that all the opening quotes (') have a corresponding closing quote</li> <li>Make sure the text you have paste is OK</li> <li>Make sure you pasted the text at the right places</li> </ul> <p> </p> <p><strong>Did you enjoy this tutorial? Make short post on your blog with a link to here :) I will appreciate it.</strong></p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-40806530356951483812010-06-23T20:28:00.001+01:002010-06-23T20:32:14.761+01:00The search as you type functionality in FF and Chrome<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_Z2RmDP_1RN0/TCJgQRgkkDI/AAAAAAAAAHU/urPB2WluWV0/image%5B7%5D.png?imgmax=800" width="471" height="188" /> </p> <p>Firefox has functionality I just love: the search as you type functionality. It's not ON by default and to make FireFox exhibit this behaviour, check the Tools -> Options -> Advanced -> General -> "Search for text when I start typing" checkbox. When active, to find something in a page, one just start typing the text to be found. It's not necessary to press CTRL+F or F3. To find the next match, just press CTRL+G or F3.</p> <p>Why is this great? Because it improves the browsing usability. Imagine you have goggled something and then open a page. To see where the searched text appears with the search as you type functionality, just start typing the text you have goggled. See, easy and fast. No need for extra keystrokes.</p> <p>However, this functionality isn't available in Chrome which have keep me away form a more regular use. There is however an extension that just do that: <strong><a href="http://code.google.com/p/chrome-type-ahead/" target="_blank">chrome-type-ahead</a></strong>. It looks like that the <a href="http://code.google.com/p/chromium/issues/detail?id=150" target="_blank">Chrome developers don't like this search as you type feature</a> but, IMHO, because of stubbornness than anything else. Anyway, the Chrome extension is there, not as perfect as it could be if part of the Chrome core, but still quite ok. Give it a try if you are in the mood.</p> <p><a href="http://code.google.com/p/chrome-type-ahead"><strong>http://code.google.com/p/chrome-type-ahead</strong></a></p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-70537241111311909362010-05-29T13:14:00.001+01:002010-05-30T01:10:19.531+01:00CPU benchmarks and the HP TouchSmart tm2 tablet PC<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="CPU benchmarks" border="0" alt="CPU benchmarks" align="left" src="http://lh4.ggpht.com/_Z2RmDP_1RN0/TAEfHfpdC0I/AAAAAAAAAHQ/M408VKzK6zE/image3%5B10%5D.png?imgmax=800" width="170" height="204" />So you are about to buy a new computer and suddenly you discover that the number of choices are endless. Distant is the time when choosing a computer was basically choosing among 3 or 4 microprocessors, a graphics card, the amount of RAM and a large hard disk. Even if these items are not so difficult to choose even now a days, you will probably get stuck when it comes to the heart of the computer, the microprocessor. Models and models, speeds, brands, technologies and so on, and so on. The microprocessor commercial approach has made impossible to choose without a reference service. That's here where a service such as the <a title="http://www.cpubenchmark.net" href="http://www.cpubenchmark.net"><strong>cpubenchmark.net</strong></a> comes to action. Search for a specific CPU model and obtain a position in the performance rank (<a href="http://www.cpubenchmark.net/cpu_list.php" target="_blank">direct link to the search form</a>).</p> <p> </p> <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="HP TouchSmart tm2 tablet PC" border="0" alt="HP TouchSmart tm2 tablet PC" align="right" src="http://lh3.ggpht.com/_Z2RmDP_1RN0/TAEFH9Ki1bI/AAAAAAAAAHA/IrbY_BSJsUk/image%5B10%5D.png?imgmax=800" width="175" height="142" /> <img style="border-right-width: 0px; margin: 0px 1px 0px 2px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="HP TouchSmart tm2 tablet PC" border="0" alt="HP TouchSmart tm2 tablet PC" align="right" src="http://lh3.ggpht.com/_Z2RmDP_1RN0/TAEFJPcFe9I/AAAAAAAAAHE/1wFwVf124uE/image%5B18%5D.png?imgmax=800" width="206" height="142" />It was this way that I came to know that the interesting tablet computer concept from HP, the <a href="http://h10010.www1.hp.com/wwpc/de/de/ho/WF06b/321957-321957-3329744-3835813-3835813-4078805-4107118.html" target="_blank">HP TouchSmart tm2-1090eg Notebook-PC</a>, would be quite disappointing when running more demanding software. With a CPU Intel SU7300 @ 1.30GHz, <a href="http://www.cpubenchmark.net/cpu_lookup.php?cpu=Intel+SU7300+@+1.30GHz" target="_blank">it ranks at the lower level of the performance  chart</a>. This make it not suitable for photography field work, what would be my main task for it, specially because of its touch screen and foldable screen.</p> <p> </p> <p>However, who is looking for an acceptable computer that is also a tablet can find an interesting solution on this  <a href="http://h10010.www1.hp.com/wwpc/us/en/sm/WF25a/321957-321957-64295-3740645-3955549-4145567.html" target="_blank">HP EliteBook 2740p Tablet PC</a>. But at what price :-S</p> <p> </p> <p><strong>Note:</strong> Intel has a compare functionality for its processors here: <a href="http://ark.intel.com/Default.aspx">http://ark.intel.com/Default.aspx</a>. And AMD has something similar here: <a title="http://products.amd.com" href="http://products.amd.com">http://products.amd.com</a></p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-52035537043871662622010-05-26T17:52:00.001+01:002010-05-26T17:52:24.296+01:00Facebook Fan Pages vs. Networked Blogs<blockquote> <p><img alt="Post image for Facebook Fan Pages vs. Networked Blogs" src="http://cdn.mattstratton.com/wp-content/uploads/fanvsblog.png" /></p> <p><a href="http://mattstratton.com/tech-tips/facebook-fan-pages-vs-networked-blogs" target="_blank">Facebook Fan Pages vs. Networked Blogs</a></p> <p>Love it or hate it, Facebook is here to stay. Despite challenges around user privacy and an ever-changing interface, Facebook is rapidly becoming THE gateway to content for many users. As a blogger, Facebook can be a great tool to promote and share your content to potential readers. But the real question is…what’s the best way to do that? (<a href="http://mattstratton.com/tech-tips/facebook-fan-pages-vs-networked-blogs" target="_blank">…</a>)</p></blockquote> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-84167698493338827512010-05-13T09:45:00.001+01:002010-05-13T09:45:13.557+01:00Template actions: download, backup, edit and restore<p><strong>This tutorial describes how to perform a backup of your template, how to edit your template and how to restore your template.</strong></p> <p><em>tip level: beginner</em></p> <p> </p> <p>Some times people find problems editing their template and then I figure out that the root for the problem is because they didn't select the "Expand Widget Templates" check box. So, if you are using the code directly from this check box, be sure to select it:</p> <p> </p> <p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_Z2RmDP_1RN0/S-u8CxMsNvI/AAAAAAAAAGg/oG8T_4_dKx4/image%5B7%5D.png?imgmax=800" width="613" height="138" /> </p> <p> </p> <p>However, I would recommend that you edit your template another way.</p> <p> </p> <p><strong>1. </strong>Download the full template, by clicking the link "Download Full Template":</p> <p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_Z2RmDP_1RN0/S-u8DXHaXtI/AAAAAAAAAGk/W62Gp6Yrhvs/image%5B2%5D.png?imgmax=800" width="418" height="219" /> </p> <p> </p> <p><strong>2.</strong> Choose to save the file and give it a meaningful filename:</p> <p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/_Z2RmDP_1RN0/S-u8EC6OprI/AAAAAAAAAGo/vsTXYnqYZi0/image%5B10%5D.png?imgmax=800" width="464" height="131" /> </p> <p>Including the date in the filename it's a good idea for backup organization.</p> <p> </p> <p><strong>3.</strong> Keep this file unchanged and perform the edits in a copy of this file. This way, if something goes wrong you can go back by uploading the previous version of the template. </p> <p>Use a text editor to perform your changes in the .xml file. You can use a basic editor such as Windows Notepad but consider to use an editor that colorize the code. Notepad++ is a good choice and it's free. Links:</p> <p>- Notepad++ page: <a title="http://notepad-plus.sourceforge.net" href="http://notepad-plus.sourceforge.net">http://notepad-plus.sourceforge.net</a></p> <p>- <a href="http://sourceforge.net/projects/notepad-plus/files/notepad%2B%2B%20releases%20binary/" target="_blank">Download page</a>; click at the "Download Now!" button:</p> <p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_Z2RmDP_1RN0/S-u8EnY-iKI/AAAAAAAAAGs/RVSoPAdsitA/image%5B14%5D.png?imgmax=800" width="147" height="75" /> </p> <p> </p> <p><strong>4.</strong> Perform your edits in the template, save the file and upload the new template. The template will be immediately changed and in use.</p> <p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_Z2RmDP_1RN0/S-u8FSPfSVI/AAAAAAAAAGw/vHdpf5-QjxE/image%5B18%5D.png?imgmax=800" width="615" height="126" /> </p> <p></p> <p></p> <p></p> <p> </p> <p>If you want to preview the changes before applying them, copy the edited template text and replace the text of the text box with it. Then press "Preview":</p> <p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_Z2RmDP_1RN0/S-u8GJpYR0I/AAAAAAAAAG0/NkVnok3egWo/image%5B21%5D.png?imgmax=800" width="422" height="174" /> </p> <p>If it is ok, press "Save Template".</p> <p>This preview method doesn't always work, particularly if the changes involve JavaScript. The best approach is to create a test blog and performing the template tests there.</p> <p><strong>5.</strong> If your changes become problematic, just upload the original template that you saved at points 1/2.</p> <p> </p> <p>That's it. Enjoy.</p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-19342526611039291212010-05-10T00:13:00.001+01:002010-05-29T14:05:48.743+01:00Facebook Like button XFBML tutorial<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="image" border="0" alt="image" align="left" src="http://lh5.ggpht.com/_Z2RmDP_1RN0/S-dBtAgt7iI/AAAAAAAAAGQ/eEMXP1fi8is/image%5B3%5D.png?imgmax=800" width="345" height="129" /> </p> <p>While searching for a solution that would let me add the "Like" button <strong>plus</strong> the ability to leave a comment on the "Liked" item (see picture on the left), I finally found <a href="http://forum.developers.facebook.com/viewtopic.php?pid=221601#p221601" target="_blank">the solution</a> that I share bellow. Just follow <strong>exactly</strong> the next instructions and that's it.</p> <a name='more'></a> <div style="clear: both"></div> <p> </p> <h2>Technique 1</h2> <p>With this technique, you'll get a like button where someone can add a comment to the liked item. Instead, if you want to have this like button and a comment form, see bellow the technique 2.</p> <p><em></em></p> <p><em>Note: If you prefer not using the Facebook API, just <a href="http://hitech-tips.blogspot.com/2010/04/how-to-add-facebook-new-button-to.html" target="_blank">have a look here</a>.</em></p> <p> <br /><strong>First, set up a new application:</strong> <br /><strong>1.</strong> Go to: <a href="http://www.facebook.com/developers">http://www.facebook.com/developers</a> <br /><strong>2.</strong> Click on the <strong>+ Set Up New Application</strong> button (at the top right of the page) <br /><strong>3.</strong> Type your <strong>Application Name</strong> (example: Mysite-Name Likes) > select <strong>Agree</strong> > click on <strong>Create Application</strong> <br /><strong>4.</strong> Go to the <strong>Connect</strong> tab (on the left tabs-list) <br /><strong>5.</strong> Enter your site url with an ending slash in <strong>Connect URL</strong> and click on <strong>Save Changes</strong> (for example: http://mysitedomainname.com/) <br /><strong>6.</strong> You will see your <strong>Application ID</strong> number (below your app API & Secret) <br /><strong>7.</strong> It will take between 2 to 20 minutes until it will be ready to use with. <br /> <br /><strong>Second, remove any old Facebook script, for example:</strong></p> <blockquote> <p><script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"></script> <br /><script type="text/javascript"> <br />    FB.init("123456789000000000","/xd_receiver.htm"); <br /></script></p> </blockquote> <p>Or whatever script code of facebook that you got in your page. <br />(only remove the JavaScript, not the fb: tags) <br /> <br /><strong>The setup steps:</strong> <br /><strong>1.</strong> Add this attribute to your <html> tag:</p> <blockquote> <p>xmlns:fb="http://www.facebook.com/2008/fbml"</p> </blockquote> <p>so in the end your <html> tag will look like this:</p> <blockquote> <p><html xmlns="http://www.w3.org/1999/xhtml" <strong>xmlns:fb="http://www.facebook.com/2008/fbml"</strong> xml:lang="en" lang="en"></p> </blockquote> <p><strong>2.</strong> Add this code right after the <body> tag:</p> <blockquote> <p><div id="<strong>fb-root</strong>"></div> <br /><script> <br />  window.fbAsyncInit = function() { <br />    FB.init({ <br />      appId  : '<strong>YOUR APP ID</strong>', <br />      status : true, // check login status <br />      cookie : true, // enable cookies to allow the server to access the session <br />      xfbml  : true  // parse XFBML <br />    }); <br />  }; <br />  (function() { <br />    var e = document.createElement('script'); <br />    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; <br />    e.async = true; <br />    document.getElementById('<strong>fb-root</strong>').appendChild(e); <br />  }()); <br /></script></p> </blockquote> <p>Change '<strong>YOUR APP ID</strong>' with your application <strong>ID</strong> number, <strong>not</strong> the API like was before in the old version. </p> <p> <br /><strong>3.</strong> Go <a href="http://developers.facebook.com/docs/reference/plugins/like">here</a> and set all the attributes you want in the demo, then click on 'Get Code' and copy the XFBML version from the popup window. <br />Remember to add <strong>http://</strong> at the beginning of your url. </p> <p> <br /><strong>4.</strong> Drop your <em><fb:like href="http://yourdomainname.com/your-page-name"></fb:like></em> tag where you want in your page.  (but it must to be somewhere after (below it, not need to be right after) the code in step#2, and not before it) </p> <p> </p> <p><strong>NOTE 1: to use in a blogger blog, the above code should look like:</strong></p> <blockquote> <p><strong><fb:like expr:href='data:post.url' ></fb:like></strong></p> </blockquote> <p>This allows you to have individual likes for each post.</p> <p> </p> <p><strong>NOTE 2: If you prefer that your button says "Recommend" instead of "Like", use this code instead (adapted for blogger):</strong></p> <blockquote> <p><strong><fb:like action="recommend" expr:href='data:post.url' ></fb:like></strong></p> </blockquote> <p> <br /><strong>5.</strong> Set the Open Graph protocol meta-tags: <br />you need to add some new facebook meta-data tags called <a href="http://developers.facebook.com/docs/opengraph">Open Graph</a> <br />From <a href="http://developers.facebook.com/docs/reference/plugins/like">this</a> page:</p> <blockquote> <p>To customize how your site shows up when users share your page with the Like button, you can add meta data to your web pages: <br />• og:title - The title of your page; if not specified, the title element will be used. <br />• og:site_name - The name of your web site, e.g., "CNN" or "IMDb". <br />• og:image - The URL of the best picture for this page. The image must be at least 50px by 50px and have a maximum aspect ratio of 3:1. <br />For example if you are creating a page about the movie 'The Rock' you would include this meta data: <br /><meta property="og:title" content="The Rock"/> <br /><meta property="og:site_name" content="IMDb"/> <br /><meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/></p> </blockquote> <p><strong>6.</strong> Your page must have a document type tag at the most beginning of it (above <html>) if you do not have one: <br />For HTML add this:</p> <blockquote> <p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"></p> </blockquote> <p>For XHTML add this:</p> <blockquote> <p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p> </blockquote> <p>Or just this:</p> <blockquote> <p><!DOCTYPE html></p> </blockquote> <p>DONE!</p> <p> </p> <h2>Technique 2</h2> <p>If you are interested in having the Facebook comments box and the like button (with the option to add a comment to the liked item), use instead the following tutorial (copied from <a href="http://forum.developers.facebook.com/viewtopic.php?pid=221601#p221601"><em>Full: Comments-box + Like-button + Language</em></a>). You'll get something like this:</p> <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/_Z2RmDP_1RN0/S-dLnTtIaII/AAAAAAAAAGc/SRNSK2yaCcI/image%5B3%5D.png?imgmax=800" width="525" height="227" /> </p> <p> </p> <p><strong>First, set up a new application:</strong> <br /><strong>1.</strong> Go to: <a href="http://www.facebook.com/developers">http://www.facebook.com/developers</a> <br /><strong>2.</strong> Click on the <strong>+ Set Up New Application</strong> button (at the top right of the page) <br /><strong>3.</strong> Type your <strong>Application Name</strong> (example: Mysite-Name Comments) > select <strong>Agree</strong> > click on <strong>Create Application</strong> <br /><strong>4.</strong> Go to the <strong>Connect</strong> tab (on the left tabs-list) <br /><strong>5.</strong> Enter your site url with an ending slash in <strong>Connect URL</strong> and click on <strong>Save Changes</strong> (for example: http://mysitedomainname.com/) <br /><strong>6.</strong> You will see your <strong>Application ID</strong> number (below your app API & Secret) <br /><strong>7.</strong> It will take between 2 to 20 minutes until it will be ready to use with. <br /></p> <p><strong>If you update from the old comments-box version so:</strong> <br /><strong>1.</strong> Remove:</p> <blockquote> <p><script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"></script></p> </blockquote> <p><strong>2.</strong> Remove:</p> <blockquote> <p><script type="text/javascript"> <br />    FB.init("123456789000000000","/xd_receiver.htm"); <br /></script></p> </blockquote> <p><strong>3.</strong> Then you just stay with your <fb:comments> tag, and the xmlns:fb=<a href="http://www.facebook.com/2008/fbml">http://www.facebook.com/2008/fbml</a>.</p> <p> <br /><strong>4.</strong> Follow the steps for the new version below! <br /></p> <p> </p> <p><strong>The new version setup steps:</strong> <br /><strong>1.</strong> Add this attribute to your <html> tag:</p> <blockquote> <p>xmlns:fb="http://www.facebook.com/2008/fbml"</p> </blockquote> <p>so in the end your <html> tag will look like this:</p> <blockquote> <p><html xmlns="http://www.w3.org/1999/xhtml" <strong>xmlns:fb="http://www.facebook.com/2008/fbml"</strong> xml:lang="en" lang="en"></p> </blockquote> <p><strong>2.</strong> Add this code right after the <body> tag:</p> <blockquote> <p><div id="<strong>fb-root</strong>"></div> <br /><script> <br />  window.fbAsyncInit = function() { <br />    FB.init({ <br />      appId  : '<strong>YOUR APP ID</strong>', <br />      status : true, // check login status <br />      cookie : true, // enable cookies to allow the server to access the session <br />      xfbml  : true  // parse XFBML <br />    }); <br />  }; <br />  (function() { <br />    var e = document.createElement('script'); <br />    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; <br />    e.async = true; <br />    document.getElementById('<strong>fb-root</strong>').appendChild(e); <br />  }()); <br /></script></p> </blockquote> <p>Change '<strong>YOUR APP ID</strong>' with your application <strong>ID</strong> number, <strong>not</strong> the API like was before in the old version.</p> <p> <br /><strong>3.</strong> Drop your <strong><fb:comments xid="xxxx" url="http://yourdomainname.com/your-page-name"></fb:comments></strong> tag where you want in your page. <br />(but it must to be somewhere after (below it, not need to be right after) the code in step#2, and not before it)</p> <p> </p> <p><strong>NOTE: to use in a blogger blog, the above code should look like:</strong></p> <blockquote> <p><strong><fb:comments xid="xxxx"  expr:url='data:post.url' ></fb:comments></strong></p> </blockquote> <p> <br /><strong>4. THE ATTRIBUTES</strong> <br />Go <a href="http://developers.facebook.com/docs/reference/fbml/comments_%28XFBML%29">here</a> and check all the attributes you can use. <br /><strong>XID:</strong> You better use the <strong>xid</strong> attribute: <br />1. Otherwise if you will make a change to your page url, <br />then all the comments that where on that page will be gone. <br />2. This is the only way you can add 2+ coments-boxes on the same page for individual items. <br />3. This is the only way you can show the same comments-box on 2+ different pages. <br />Because of all these reasons it's kind of making the XID as a "must" attribute, so go and add it!</p> <p> <br /><strong>URL:</strong> You better use the <strong>url</strong> attribute, otherwise visitors who will click on the link from the post on the facebook live stream, they may be redirected to the wrong page. Let's say if you got a website with 2 pages "home" and "news", then you present the latest news article from the 'news' page on your 'home' page, and you let visitors to comment about that article from the 'home' page too, then if you didn't use the right url with the url attribute, your visitors will be directed to the 'home' page and not to the specific news article page they friend commented on. And just the same thing will happen if a visitor click on the Like button that come with the comments-box. So this attribute helps to set correct the comments-box & the Like button that comes with it.</p> <p> <br /><strong>TITLE:</strong> use the <strong>title</strong> attribute so - when a visitor post a comment and that comment will show up on the visitor facebook profile page, then It will present that the comment posted in the page/article with that title you specified in the attribute. <br /></p> <p><strong>Set or remove the Like botton:</strong> <br />(that comes with the comments-box above it)</p> <p><strong>Set the Like button - Open Graph protocol meta-tags:</strong> <br />For making the Like button to present your site content (the one that the visitor liked), <br />you will need to add some new facebook meta-tags called <a href="http://developers.facebook.com/docs/opengraph">Open Graph</a> <br />From <a href="http://developers.facebook.com/docs/reference/plugins/like">this</a> page:</p> <blockquote> <p>To customize how your site shows up when users share your page with the Like button, you can add meta data to your web pages: <br />• og:title - The title of your page; if not specified, the title element will be used. <br />• og:site_name - The name of your web site, e.g., "CNN" or "IMDb". <br />• og:image - The URL of the best picture for this page. The image must be at least 50px by 50px and have a maximum aspect ratio of 3:1. <br />For example if you are creating a page about the movie 'The Rock' you would include this meta data: <br /><meta property="og:title" content="The Rock"/> <br /><meta property="og:site_name" content="IMDb"/> <br /><meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/></p> </blockquote> <p><strong>Remove (Hide):</strong> <br />To hide the Like botton, you will need to add 2 attributes and create a CSS file. <br />1. simple="1" <br />2. css="http://yoursitedomainname.com/fb_comments.css"</p> <blockquote> <p><fb:comments xid="xxxx" url="http://yourdomainname.com/your-page-name" <strong>simple="1" css="http://yoursitedomainname.com/fb_comments.css"</strong>></fb:comments></p> </blockquote> <p>in the css file add this style code:</p> <blockquote> <p>div.like {display:none;}</p> </blockquote> <p>(You can learn more about these and other attributes <a href="http://developers.facebook.com/docs/reference/fbml/comments_%28XFBML%29">here</a>)</p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com26tag:blogger.com,1999:blog-5581332672628889030.post-44648609008037071912010-05-05T01:29:00.001+01:002010-05-05T01:38:06.814+01:00Programming Language Popularity Index<p></p> <p></p> <p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="Programming computer screen" border="0" alt="Programming computer screen" align="left" src="http://lh5.ggpht.com/_Z2RmDP_1RN0/S-C70JDYvKI/AAAAAAAAAGI/YVz2rHiLfZg/image%5B6%5D.png?imgmax=800" width="349" height="267" />Bellow are 3 ranks of popular programming languages. It's build with the "Language Popularity Index" tool, which is "a fully automatic, transparent, open-source and free tool to measure the popularity of programming languages on the Internet".</p> <p>Surprise, surprise, the C programming language is again on the top (see the post "<a href="http://hitech-tips.blogspot.com/2010/04/c-programming-language-back-at-number-1.html">C programming language back at number 1 position!</a>"). And Ada shows up on the 10th position for general-purpose and compiled languages! Wow.</p> <font face="Calibri, Tahoma, Arial"></font><a name='more'></a> <p><font face="Calibri, Tahoma, Arial"></font></p> <p><font face="Calibri, Tahoma, Arial"><em>Image from </em><a href="http://openphoto.net/" target="_blank"><em>OpenPhoto</em></a></font></p> <div style="clear: both"></div> <p><font face="Calibri"></font></p> <p><font face="Calibri"></font></p> <font face="Calibri, Tahoma, Arial"></font> <p><font face="Calibri, Tahoma, Arial"></font></p> <p><font face="Calibri, Tahoma, Arial"></font></p> <p><font face="Calibri, Tahoma, Arial"> </font></p> <p><font face="Calibri, Tahoma, Arial">Language category:<b>  general-purpose and compiled</b> </font><font face="Calibri, Tahoma, Arial"><font face="Calibri, Tahoma, Arial"></font></font> <p> <table border="1" cellspacing="2" cellpadding="2" bgcolor="#ffffff"><tbody> <tr> <td>Rank</td> <td>Name</td> <td>Share</td> </tr> <tr> <td>1</td> <td>C</td> <td>25.780%</td> </tr> <tr> <td>2</td> <td>Java</td> <td>25.409%</td> </tr> <tr> <td>3</td> <td>C++</td> <td>13.739%</td> </tr> <tr> <td>4</td> <td>Basic</td> <td>10.416%</td> </tr> <tr> <td>5</td> <td>C#</td> <td>9.613%</td> </tr> <tr> <td>6</td> <td>Delphi</td> <td>2.925%</td> </tr> <tr> <td>7</td> <td>Pascal</td> <td>1.601%</td> </tr> <tr> <td>8</td> <td>Objective-C</td> <td>1.500%</td> </tr> <tr> <td>9</td> <td>Go</td> <td>1.464%</td> </tr> <tr> <td>10</td> <td>Ada</td> <td>1.090%</td> </tr> </tbody></table> </p> </p> <p><font face="Calibri, Tahoma, Arial">  </font></p> <p><font face="Calibri, Tahoma, Arial">Language category: <b>script</b> </font><font face="Calibri, Tahoma, Arial"><font face="Calibri, Tahoma, Arial"></font></font> <p> <table border="1" cellspacing="2" cellpadding="2" bgcolor="#ffffff"><tbody> <tr> <td>Rank</td> <td>Name</td> <td>Share</td> </tr> <tr> <td>1</td> <td>PHP</td> <td>31.919%</td> </tr> <tr> <td>2</td> <td>Python</td> <td>16.200%</td> </tr> <tr> <td>3</td> <td>Perl</td> <td>10.997%</td> </tr> <tr> <td>4</td> <td>Ruby</td> <td>7.418%</td> </tr> <tr> <td>5</td> <td>JavaScript</td> <td>6.946%</td> </tr> <tr> <td>6</td> <td>R</td> <td>3.279%</td> </tr> <tr> <td>7</td> <td>Lisp/Scheme</td> <td>2.439%</td> </tr> <tr> <td>8</td> <td>MATLAB</td> <td>2.415%</td> </tr> <tr> <td>9</td> <td>Lua</td> <td>2.332%</td> </tr> <tr> <td>10</td> <td>Logo</td> <td>1.646%</td> </tr> </tbody></table> </p> </p> <p> <table border="1" cellspacing="2" cellpadding="2" bgcolor="#ffffff"><tbody> <tr></tr> </tbody></table> </p> <p></p>        <p><font face="Calibri, Tahoma, Arial">Language category: <b>other  </b></font><font face="Calibri, Tahoma, Arial"> <br /> <table border="1" cellspacing="2" cellpadding="2" bgcolor="#ffffff"><tbody> <tr> <td>Rank</td> <td>Name</td> <td>Share</td> </tr> <tr> <td>1</td> <td>PL/SQL</td> <td>26.769%</td> </tr> <tr> <td>2</td> <td>SAS</td> <td>16.629%</td> </tr> <tr> <td>3</td> <td>ABAP</td> <td>14.428%</td> </tr> <tr> <td>4</td> <td>COBOL</td> <td>11.023%</td> </tr> <tr> <td>5</td> <td>Prolog</td> <td>7.802%</td> </tr> <tr> <td>6</td> <td>Focus</td> <td>5.110%</td> </tr> <tr> <td>7</td> <td>RPG (OS/400)</td> <td>4.519%</td> </tr> <tr> <td>8</td> <td>LabView</td> <td>3.750%</td> </tr> <tr> <td>9</td> <td>VHDL</td> <td>2.777%</td> </tr> <tr> <td>10</td> <td>MUMPS</td> <td>2.618%</td> </tr> </tbody></table> </font></p> <font face="Calibri, Tahoma, Arial"> <p><font face="Calibri, Tahoma, Arial"> <table border="1" cellspacing="2" cellpadding="2" bgcolor="#ffffff"><tbody> <tr></tr> </tbody></table> </font></p> </font>   <p>Source and details: <a title="http://lang-index.sourceforge.net/" href="http://lang-index.sourceforge.net">http://lang-index.sourceforge.net</a></p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-62021236694473769152010-05-02T22:29:00.001+01:002010-05-02T22:29:54.651+01:00State of the Internet Operating System<p>Something interesting to be read:</p> <p>State of the Internet Operating System - <a href="http://radar.oreilly.com/2010/03/state-of-internet-operating-system.html" target="_blank">Part 1</a>, <a href="http://radar.oreilly.com/2010/04/handicapping-internet-platform-wars.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+oreilly/radar/atom+(O'Reilly+Radar)" target="_blank">Part 2</a>. By <a href="http://radar.oreilly.com/tim">Tim O'Reilly</a>.</p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-9174913018859917402010-05-02T18:00:00.001+01:002010-05-10T00:31:01.798+01:00Keep your Blogger blog safe!<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="image" border="0" alt="image" align="left" src="http://lh5.ggpht.com/_Z2RmDP_1RN0/S92vqAyDqaI/AAAAAAAAAFc/FJy2RKto0_I/image%5B41%5D.png?imgmax=800" width="321" height="259" /> <strong><em>This post contains some guidelines to improve the security level of your Blogger blog and some tips to recover control </em></strong></p> <p>Two reasons may have driven you to this page:</p> <ol> <li>you are in trouble and I hope you can find some help here; </li> <li>you came by chance and you had better check the following tips. </li> </ol> <p>Believe me, security problems are real even if they haven't <u>yet</u> hit you. Here are some tips and guidelines you should follow.</p> <p> </p> <a name='more'></a> <ol> <li>Never give your username and password <strong>to other people</strong>. If you need someone to perform some administrative task for you, instead of giving the user name and password, add that person to the list of your blog administrators. If you what you need is just someone to post posts in your blog, give them only  <br /> <br />Go to Permissions: <br /><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_Z2RmDP_1RN0/S92vq3FG1bI/AAAAAAAAAFg/H7UXN4JxjwQ/image%5B12%5D.png?imgmax=800" width="554" height="93" /> <br /> <br />And invite authors. After the invitation has been accepted, they can become administrators (click "grant... admin privileges"). And you can also remove an existing user or downgrade an admin to a author: <br /><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_Z2RmDP_1RN0/S92vrt3bNOI/AAAAAAAAAFk/5jEiduVLFQs/image%5B6%5D.png?imgmax=800" width="553" height="270" /> <br />  </li> <li>Never give your username and password <strong>to other sites</strong>. Suppose you discover a site that says for example <br /> <br /><em>"Invite your friends to your network. Just enter your username and password so we can scan your email list. Your account details will not be stored."</em> <br /> <br />Never do this. This a great approach for other people to gain access to your account. Actually, never enter your account credentials in your site other than the one where you are supposed to perform the login (e.g.Gmail or Blogger). <br />  </li> <li>Never grant access from other sites to your Google account. For example, Facebook can ask you access to your Google account to invite friends. It won't ask you the username and password. Instead, you will be redirected to the Google sign in page where you can grant access to Facebook. This is safer than giving the username and password to Facebook (see previous topic) but even thou, any security breach on Facebook can be exploited to access your Google account. <br />  </li> <li>Check which sites currently have access to your Google account and seriously consider to remove all sites with granted access. You can see which sites currently have access to your Google account with the following steps: <br /> <br />- go to you Google account settings: <br /><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_Z2RmDP_1RN0/S92vr1pvpDI/AAAAAAAAAFo/qcyHivtGy8k/image%5B15%5D.png?imgmax=800" width="281" height="91" /> <br /> <br />You can go directly there with this link: <a href="https://www.google.com/accounts/ManageAccount">https://www.google.com/accounts/ManageAccount</a> <br /> <br />- click "Change authorized websites" <br /><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/_Z2RmDP_1RN0/S92vsd9HuOI/AAAAAAAAAFs/VePjBHsmLKM/image%5B18%5D.png?imgmax=800" width="343" height="102" /> <br /> <br />- Click "Revoke Access" <br /><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/_Z2RmDP_1RN0/S92vs8XZn7I/AAAAAAAAAFw/PMZlc2lV2L0/image%5B21%5D.png?imgmax=800" width="433" height="148" />  <br />  </li> <li>Don't use the same username and password in all websites. Imagine that you are trying a new service and it asks you to register. Suppose that you use your usual username (a Google email) and password. If that site is a malicious one, then it can try to sign in to your Google account with the given credentials and, voilá!, they are in. You would be surprised with the number of persons that always use the same username and password everywhere. <br /> <br />Now you might be thinking about the madness of too many usernames and passwords. So you can define a strategy as follows: <br /> <br />- have a username and password that you only use for very important things and that you only uses in one place (your Google account, for example); <br /> <br />- in websites that requires you to register with your email and a password, never use the email's password in that site; <br /> <br />- even if you always use the same username every where, have 3 different passwords: one for your email, another for  safe places (consider variations here to no be exactly the same password) and a password for all the other places that you don't care if you loose control there. <br />  </li> <li>When choosing your password never use correct words. Add some numbers and/or other characters. Example: instead of <strong>luisiana</strong> use, for example, <strong>1ui5iana<</strong>. Remember that it's easy for a hacker to use a dictionary and a software tool to try different password combinations. <br />  </li> <li>In your Google blog, have multiple users with <strong>admin</strong> privileges. These users can be all different emails that belong to you. This way, if you loose the control  of one email, you can use the other users to restore your control. <br />  </li> <li>Fill all the data at <a href="https://www.google.com/accounts/UpdateAccountRecoveryOptions">https://www.google.com/accounts/UpdateAccountRecoveryOptions</a>. Here you can enter several emails and mobile phone number where you can receive a recover link (in the email) or a SMS with a password-reset code (in your mobile). Also, write your own question/answer pair. <br />  </li> <li>When you create your Google email, Google sends you an congratulations email which also contains a <strong>Verification code</strong>. This is a very important email because it's the only thing that allows your to recover your account control if all other things fail. Print it and save the email in different locations. <br />  </li> <li>Be very careful with the widgets that you add to your template, particularly  if they aren't supported by Google. I'm sure you don't want some malicious JavaScript sneaking around your blog. <br />  </li> <li>Perform backups of your blog from time to time. Click "Export blog" and follow the instructions: <br /> <br /><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_Z2RmDP_1RN0/S925HemBGsI/AAAAAAAAAGA/6jZ1F_UWvy0/image%5B44%5D.png?imgmax=800" width="476" height="160" />  <br /> <br />With these backups, later on you can import the blog to the same blog or into a <strong>new blog</strong>.  <br />  </li> <li>Finally, if you really value your blog and you invest lots of work on it, be sure to use a custom domain for it. Therefore, if you totally loose the control of the blog, you still can move to another platform without loosing the Google Rank. <br /> <br />To setup a custom domain, do the following: <br />- Click at "Custom Domain" <br /><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/_Z2RmDP_1RN0/S92vtAcDP3I/AAAAAAAAAF0/ej9UtzzfVuc/image%5B24%5D.png?imgmax=800" width="279" height="177" />  <br /> <br />- If you don't have a domain already, you can buy it at Google and let it do all the settings for you: <br /> <br /><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/_Z2RmDP_1RN0/S92vtvvV-3I/AAAAAAAAAF4/3gkVs4vXg0U/image%5B30%5D.png?imgmax=800" width="363" height="107" />  <br /> <br />Otherwise, click at "Advanced Settings": <br /><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_Z2RmDP_1RN0/S92vulG85nI/AAAAAAAAAF8/3WE_8FXKETY/image%5B27%5D.png?imgmax=800" width="353" height="48" /> <br />and don't forget to perform the correct settings at your domain provider (see <a href="http://docs.google.com/View?id=dgcdxd8h_10cmc3pkm7" target="_blank">instructions</a> here). <br />  </li> <li>Security works better avoiding potential problems, so be sure to follow these guidelines <strong>before</strong> they arrive. When they do, however, use <a href="https://www.google.com/accounts/ForgotPasswd" target="_blank">the links that Google to recover the control of your account</a>. </li> </ol> <p><strong>How to regain control of the blog</strong></p> <p>So, even with all the precautions, you lost control of your blog. Try these approaches:</p> <ul> <li>Start with tip 13. <br />  </li> <li>If you weren't successful or if your blog is still being attacked, then try this: <br />- perform a blog backup (see tip 11) or use the latest backup you have; <br />- create a new blog with a <strong>new user</strong> (that is, create a new Gmail account to be used in this blog); <br />- import the blog into this new blog (see tip 11); <br />- change the custom domain (see tip 12)  to point to this new blog. If you don't have a custom domain, you have to skip this step and, therefore, you will loose some page rank. This isn't dramatic. What ever made your blog's success will make them return again. </li> </ul> <p><strong>If you have other tips to suggest, just leave a comment. I will be glad to update this post and give you the credits for it :-)</strong></p> <p> </p> <p><strong>Update: 2010-05-10</strong></p> <p>While checking for security problems, you should also have a look at your post by mail mail settings:</p> <p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_Z2RmDP_1RN0/S-dFsolpYII/AAAAAAAAAGU/8oW4RrTPuMo/image%5B7%5D.png?imgmax=800" width="554" height="100" /> </p> <p> </p> <p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh4.ggpht.com/_Z2RmDP_1RN0/S-dFtHqYizI/AAAAAAAAAGY/OVFByCG2Pm4/image%5B8%5D.png?imgmax=800" width="554" height="189" /> </p> <p>Be sure that the email posting address was inserted by you. And if you are posting by email, be sure that no one else knows the secret email for posting. Otherwise, new posts can appear on your blog without your consent.</p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com7tag:blogger.com,1999:blog-5581332672628889030.post-86394185848068386202010-04-22T20:29:00.002+01:002010-05-29T13:39:49.112+01:00How to Add Facebook's New "Like" Button to Blogger<img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/_Z2RmDP_1RN0/S9Cj8qnShHI/AAAAAAAAAFY/lz27LM-rPrc/image%5B2%5D.png?imgmax=800" width="324" height="63" /> <br />Facebook just lunched the <a href="http://developers.facebook.com/docs/reference/plugins/like" target="_blank">"Like" button</a> to be used in any page. To have it in your Blogger blog, do the following steps: <br /> <ol> <li>First, do a backup of your blogger template (see it here: <a href="http://hitech-tips.blogspot.com/2010/05/template-actions-download-backup-edit.html">Template actions: download, backup, edit and restore</a>) . <br /></li> <li>Then edit your template and find the following text in the XML code: <br /><span style="color: blue"><strong><data:post.body/> </strong> <br /></span>Tip: if you can't find it, try to search data:post.body until there is something similar and that ends with <span style="color: blue"><strong>/> </strong> <br /></span><br/ > </li> <li>Place the following code after that line: <br /><span style="color: blue"></span> <div style="border-left: rgb(238,238,238) 1px solid; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; font-family: consolas,'Courier New',courier,monospace; background: rgb(255,255,204); color: black; font-size: 10pt; overflow: scroll; border-top: rgb(238,238,238) 1px solid; padding-top: 0.5em"> <pre style="margin: 0px"><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/></pre><br /> </div><br /><br /> Result: <br /><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_Z2RmDP_1RN0/TAEJGEr1koI/AAAAAAAAAHI/gYD0NyBsUng/image%5B2%5D.png?imgmax=800" width="271" height="41" /> <br /><br /> <strong>Changing the Like' button to 'Recommend'</strong><br /> If you prefer that your button says "Recommend" instead of "Like", it is just necessary to change the code of point 3: just change the <b>action=like</b> to say <strong>action=recommend</strong>. The following code does that:<br /><br /> <div style="border-left: rgb(238,238,238) 1px solid; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; font-family: consolas,'Courier New',courier,monospace; background: rgb(255,255,204); color: black; font-size: 10pt; overflow: scroll; border-top: rgb(238,238,238) 1px solid; padding-top: 0.5em"><br /> <pre style="margin: 0px"><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=recommend&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/><br /></pre><br /> </div><br /><br /> Result: <br /> <img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/_Z2RmDP_1RN0/TAEJGg9BKLI/AAAAAAAAAHM/VwbuLDTxOR8/image%5B5%5D.png?imgmax=800" width="345" height="39" /> <br /></li><br /><li>Save the template and that's it. </li></ol><br /><br />There are other ways of doing this but the one recommended by Facebook (see <a href="http://developers.facebook.com/docs/reference/plugins/like" target="_blank">here</a>) won't work because it gives an Blogger gives an error when the template is being saved.  Also, the approach given  by Facebook won't allow individual "Likes" for each post (only for the whole blog). <br /><br />Finally, If you prefer using the Facebook API ( to leave a comment on the "Liked" item), just <a href="http://hitech-tips.blogspot.com/2010/05/facebook-like-button-xfbml-tutorial.html">have a look here</a>. Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com7tag:blogger.com,1999:blog-5581332672628889030.post-89292378675214021922010-04-21T17:28:00.001+01:002010-04-21T17:28:08.193+01:00Slate Wars: 15 Tablets That Could Rival Apple's iPad<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/_Z2RmDP_1RN0/S88nllG49sI/AAAAAAAAAFU/JwCu5MaGN7M/image%5B2%5D.png?imgmax=800" width="517" height="179" /> </p> <p> </p> <p>The iPad has captured many hearts and minds, but a fleet of rival tablets led by a separatist Android army is about to attack, armed with HD Flash video, multitouch screens, front-facing cameras, multitasking...even Windows 7. <a href="http://www.pcworld.com/article/192496/slate_wars_15_tablets_that_could_rival_apples_ipad.html" target="_blank">Let's take a look.</a></p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-46069690769907981582010-04-07T23:52:00.001+01:002010-04-07T23:52:44.290+01:00Windows - no disk Exception Processing Message c0000013 Parameters 75b6bf9c 4 75b6bf9c 75b6bf9c<p><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/_Z2RmDP_1RN0/S70Mu7pMupI/AAAAAAAAAFQ/dgEcZaALp7Q/image2.png?imgmax=800" width="402" height="101" /></p> <p> </p> <p>Há uns tempos que esta mensagem de erro me chateava de cada vez que arrancava o computador. Finalmente dei-me ao trabalho de procurar uma solução:</p> <p><strong><a href="http://www.consumingexperience.com/2007/11/windows-no-disk-exception-processing.html" target="_blank">How to change your drive letter assignments in Windows XP or Vista to fix the "Windows - no disk" etc error message, and how to uninstall your floppy drive</a></strong></p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-91620554501928565092010-04-07T19:12:00.001+01:002010-04-07T19:12:46.021+01:00C programming language back at number 1 position!<blockquote> <p><a href="http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html" target="_blank"><strong>C programming language back at number 1 position!</strong></a></p> <p>After more than 4 years C is back at position number 1 in the TIOBE index. The scores for C have been pretty constant through the years, varying between the 15% and 20% market share for almost 10 years. So the main reason for C's number 1 position is not C's uprise, but the decline of its competitor Java. Java has a long-term downward trend. It is losing ground to other languages running on the JVM. An example of such a language is JavaFX script that is now approaching the top 20. (…)</p> </blockquote> <p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/_Z2RmDP_1RN0/S7zLGyoKQxI/AAAAAAAAAFM/raMNGUGSBTw/image%5B2%5D.png?imgmax=800" width="566" height="569" /></p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-12672627845971747272010-04-06T10:46:00.001+01:002010-04-06T10:50:51.669+01:00O iPad como mesa digitalizadora<p>Por <a href="http://abertoatedemadrugada.com/2010/04/ipad-11-dicas-e-outras-coisas.html" target="_blank">Carlos Martins</a>:</p> <blockquote> <p><img style="border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px" title="image" border="0" alt="image" align="left" src="http://lh4.ggpht.com/_Z2RmDP_1RN0/S7sDBX13_bI/AAAAAAAAAFI/-J7dcjarLcQ/image%5B3%5D.png?imgmax=800" width="322" height="169" /> Podem até utilizar o iPad como monitor secundário multitouch, utilizando uma App (ainda um pouco "verde" mas que demonstra as possibilidades que um iPad poderá ter - e considerando o custo de uma mesa digitalizadora com ecrã, abre boas perspectivas para o tipo de uso que se lhe poderá dar.)</p> </blockquote> <p><font style="background-color: #f1f4f9" color="#444444">Um argumento que (quase) me convence pelo brinquedo. </font><font style="background-color: #f1f4f9" color="#444444">Para ficar mesmo contente, era esta funcionalidade não ter os actuais problemas e meter no iPad USB e um leitor de cartões. </font></p> <p><font style="background-color: #f1f4f9" color="#444444">Esta e mais um bom <a href="http://abertoatedemadrugada.com/2010/04/ipad-11-dicas-e-outras-coisas.html" target="_blank">lote de dicas sobre o iPad</a>. </font></p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-88819922570705955442010-03-22T14:01:00.001+00:002010-03-22T14:01:36.652+00:00Montagem de um computador, peça a peça<p>Cinco textos de Carlos Martins sobre a montagem de um computador, peça a peça. Muito bom.</p> <blockquote> <p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="" border="0" alt="" src="http://lh5.ggpht.com/_Z2RmDP_1RN0/S6d4Pwzy8iI/AAAAAAAAAFE/1cN0my7EDOY/image%5B2%5D.png?imgmax=800" width="322" height="242" /> </p> <p>[O meu PC - Making of]</p> <p><a href="http://abertoatedemadrugada.com/2009/09/o-meu-pc-2009-making-of-parte-1.html">Parte 1</a> - A montagem inicial <br /><a href="http://abertoatedemadrugada.com/2009/09/o-meu-pc-2009-making-of-parte-2.html">Parte 2</a> - A lista de componentes (e preços) e consumos eléctricos <br /><a href="http://abertoatedemadrugada.com/2009/09/o-meu-pc-2009-making-of-parte-3.html">Parte 3</a> - Alterações não-planeadas <br /><a href="http://abertoatedemadrugada.com/2009/09/o-meu-pc-2009-making-of-parte-4.html">Parte 4</a> - Montagem final <br /><a href="http://abertoatedemadrugada.com/2009/10/o-meu-pc-2009-making-of-parte-5.html">Parte 5</a> - O "Antes e Depois"</p></blockquote> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com1tag:blogger.com,1999:blog-5581332672628889030.post-15227626653676643412010-03-17T15:43:00.001+00:002010-03-17T15:45:05.298+00:00URL shortner: escolha o serviço certo<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="URL Shorteners Slow Down The Web – Especially Facebook’s FB.me" border="0" alt="URL Shorteners Slow Down The Web – Especially Facebook’s FB.me" src="http://lh6.ggpht.com/_Z2RmDP_1RN0/S6D4oSJk19I/AAAAAAAAAE4/eyHOjrLlqIo/image%5B8%5D.png?imgmax=800" width="610" height="352" /> </p> <p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="URL Shorteners Slow Down The Web – Especially Facebook’s FB.me" border="0" alt="URL Shorteners Slow Down The Web – Especially Facebook’s FB.me" src="http://lh5.ggpht.com/_Z2RmDP_1RN0/S6D4o1ABp4I/AAAAAAAAAE8/sDnPPdKYQV8/image%5B12%5D.png?imgmax=800" width="610" height="351" /> </p> <p></p> <p></p> <p> </p> <p>Todos conhecem os serviços que tornam os URL mais curtos. Especialmente os utilizadores do Twitter. Escolha no entanto o serviço com ponderação. O <a href="http://goo.gl" target="_blank">goo.gl</a> (da Google) é o melhor nos dois critérios apresentados. Mas não está disponível como um serviço autónomo. Em contrapartida, pode ser acedido através de:</p> <ul> <li>uma extensão para o Chrome: <a title="https://chrome.google.com/extensions/detail/iblijlcdoidgdpfknkckljiocdbnlagk" href="https://chrome.google.com/extensions/detail/iblijlcdoidgdpfknkckljiocdbnlagk">https://chrome.google.com/extensions/detail/iblijlcdoidgdpfknkckljiocdbnlagk</a> <br /></li> <li>Através do Google Toolbar: <br /><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/_Z2RmDP_1RN0/S6D4pGFsa3I/AAAAAAAAAFA/pcDVd4iebfo/image%5B15%5D.png?imgmax=800" width="402" height="55" /> <br /><a title="http://googleblog.blogspot.com/2009/12/share-any-web-page-from-your-toolbar.html" href="http://googleblog.blogspot.com/2009/12/share-any-web-page-from-your-toolbar.html">http://googleblog.blogspot.com/2009/12/share-any-web-page-from-your-toolbar.html</a> <br /></li> <li>Através do Feedburner: <a title="http://adsenseforfeeds.blogspot.com/2009/12/socializing-your-feed-with-twitter.html" href="http://adsenseforfeeds.blogspot.com/2009/12/socializing-your-feed-with-twitter.html">http://adsenseforfeeds.blogspot.com/2009/12/socializing-your-feed-with-twitter.html</a></li> </ul> <p>Mais detalhes sobre o goo.gl num post do blog oficial da Google: <a href="http://googleblog.blogspot.com/2009/12/making-urls-shorter-for-google-toolbar.html">Making URLs shorter for Google Toolbar and FeedBurner</a></p> <p> </p> <p>Gráficos e texto mais detalhado: <a href="http://techcrunch.com/2010/03/17/url-shorteners-speed/">URL Shorteners Slow Down The Web – Especially Facebook’s FB.me</a></p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com1tag:blogger.com,1999:blog-5581332672628889030.post-39996264824654743232010-03-11T15:23:00.001+00:002010-03-11T15:24:20.548+00:00Efeito Conan<blockquote> <p><img style="display: inline; margin-left: 0px; margin-right: 0px" alt="Conan O'Brien" align="left" src="http://iphil.com.sapo.pt/imagensBlog/ConanEffect_Mar2010.jpg" width="78" height="103" />O Conan O'Brien, agora em férias forçadas, decidiu criar finalmente a <a href="http://twitter.com/ConanOBrien">sua conta no Twitter</a> e decidiu também mudar a vida de uma follower. Inicialmente, o Conan não seguia absolutamente ninguém, mas na semana passada decidiu seguir apenas uma única pessoa e isso mudaria a sua vida. E foi o que aconteceu a <a href="http://twitter.com/LovelyButton">Sarah Killen</a>, que já conta com 19.900 followers. <a href="http://www.iphil.com.pt/282457.html" target="_blank">continue a ler</a></p></blockquote> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com1tag:blogger.com,1999:blog-5581332672628889030.post-7261971446815781622010-03-10T16:54:00.001+00:002010-03-10T16:56:17.826+00:00Google Maps adds bike routes<blockquote> <p><img style="border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px" title="image" border="0" alt="image" align="left" src="http://lh3.ggpht.com/_Z2RmDP_1RN0/S5fOwUQKcTI/AAAAAAAAAE0/dnl54E29gvY/image%5B5%5D.png?imgmax=800" width="245" height="186" />To create the mapping tool, Google developed an algorithm that uses several inputs — including designated bike lanes or trails, topography and traffic signals — to determine the best route for riding. The map sends you around, not over, hills. But if you really want to tackle that <a href="http://en.wikipedia.org/wiki/Hors_Cat%C3%A9gorie">Category 1 climb</a>, you can click and drag the suggested route anywhere you like, just like you can with pedestrian or driving routes. Users can suggest changes or make corrections to routes using the ever-present “report a problem” feature on Google Maps. <br />Read More <a href="http://www.wired.com/autopia/2010/03/google-maps-for-bikes/#ixzz0hnFEmFrg">http://www.wired.com/autopia/2010/03/google-maps-for-bikes/#ixzz0hnFEmFrg</a></p></blockquote> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-64086340435070846032010-03-09T17:06:00.001+00:002010-03-09T17:06:46.217+00:00Temas Wordpress mais ou menos gratuitos<p><img style="border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px" title="image" border="0" alt="image" align="left" src="http://lh6.ggpht.com/_Z2RmDP_1RN0/S5aAJVDaO0I/AAAAAAAAAEw/MERlpMie5wo/image%5B3%5D.png?imgmax=800" width="202" height="152" /> Encontram-se com facilidade temas gratuitos para o Wordpress. Mas como alguém disse, não há almoços grátis e algo terá que ser sempre pago, nem que seja apenas um link para o site do criador do tema. Acontece que por vezes algumas surpresas vêm escondidas no tema e é preciso estar a alerta:</p> <blockquote> <p><a href="http://softklin.hyperphp.com/blog/2010/02/temas-do-wordpress-copyright-a-troco-de-seguranca/">Temas do Wordpress – Copyright a troco de segurança</a></p> <p>«(…) alguns destes websites incluem “surpresas” nos temas. E por surpresas, digo <strong>código ofuscado</strong> de maneira a não ser perceptível pelo administrador do blog. Muitos websites alegam que se trata de código para manter os devidos créditos aos autores dos temas, e o ofuscam para mante-los. Mas será apenas esse o conteúdo que está por trás desse bloco de código? A verdade é que muitas vezes também é incluído <strong>código que permite rastrear utilizadores, incluir links para </strong><a href="http://en.wikipedia.org/wiki/Search_engine_optimization#White_hat_versus_black_hat"><strong>blackhat SEO</strong></a><strong>, entre outras coisas</strong>»  <a href="http://softklin.hyperphp.com/blog/2010/02/temas-do-wordpress-copyright-a-troco-de-seguranca/" target="_blank">continuar a ler</a></p> </blockquote> <p>Por isso se encontrou um fantástico tema Wordpress e acha que seria a cara do seu blog, assegure-se primeiro que faz uma pesquisa no Google com o nome do tema e com o termo "blackhat SEO". Depois perca algum tempo a ver o que se diz sobre esse tema. Poderá nada encontrar mas se não procurar também não saberá se há algo a ter em conta ;-)</p> <p> </p> <p><strong>Leitura adicional:</strong> <a href="http://ddanchev.blogspot.com/2010/02/diverse-portfolio-of-scarewareblackhat.html">A Diverse Portfolio of Scareware/Blackhat SEO Redirectors Courtesy of the Koobface Gang</a> (ver também a lista Infowar Blogosphere na barra lateral).</p> <p><strong>Tools: </strong><a href="http://www.cloakingdetector.com">Cloaking Detector</a></p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-60790759562969285282010-03-06T07:00:00.000+00:002010-03-06T07:00:00.258+00:00How to Choose Between Joomla, Drupal and Wordpress<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh5.ggpht.com/_Z2RmDP_1RN0/S5ASoJ9A3AI/AAAAAAAAAEk/d7c-rDNpPJk/image%5B7%5D.png?imgmax=800" width="609" height="79" /> </p> <p>This post presents three summaries on how to choose between three content managers systems. These summaries provide you a quick overview but for deeper insight follow the links to the original articles.</p> <p>The links for these CMS are</p> <ul> <li><a title="http://www.joomla.org/" href="http://www.joomla.org">http://www.joomla.org</a></li> <li><a title="http://drupal.org" href="http://drupal.org">http://drupal.org</a></li> <li><a title="http://wordpress.org/" href="http://wordpress.org">http://wordpress.org</a></li> </ul> <p>Enjoy and give your feedback.</p> <h4>1. From <a href="How to Choose Between Joomla, Drupal and Wordpress" target="_blank">compassdesigns.net</a>:</h4> <p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh6.ggpht.com/_Z2RmDP_1RN0/S5ASod3YxlI/AAAAAAAAAEo/P23usLDNB5w/image%5B2%5D.png?imgmax=800" width="446" height="459" /> </p> <p> </p> <h4>2. From <a href="http://www.goodwebpractices.com/other/wordpress-vs-joomla-vs-drupal.html" target="_blank">goodwebpractices.com</a>:</h4> <p><strong><font color="#008000">Wordpress Pros</font></strong></p> <ul> <li>Simple to use - No need for modifications </li> <li>Excellent for blogging or sharing thoughts in a sequential manner </li> <li>Even the most elderly of users can get the hang of it quickly </li> </ul> <p><strong><font color="#ff0000">Wordpress Cons</font></strong></p> <ul> <li>Not developer friendly </li> <li>The community seems to like to complain </li> <li>Upgrades bring more bugs than fixes sometimes </li> </ul> <p> </p> <p><strong><font color="#008000">Drupal Pros</font></strong></p> <ul> <li>Extremely developer friendly. If I loved code more I would almost always pick this system. </li> <li>Strong community to help discern the dozens (hundreds) of functions and tags available. </li> <li>Can be used to create some really awesome websites that can outperform a majority of other sites out there. </li> </ul> <p><font color="#ff0000"><strong>Drupal Cons</strong></font></p> <ul> <li>Not very designer and user-friendly. It's hard for someone with little code knowledge to make the leaps required to do the very cool things that Drupal is becoming known for. </li> <li>Theming of Drupal has been a huge case of fail (until recently). Probably because it has been developers, not designers, that are making the themes. </li> <li>Getting a Drupal website published could cost you more time, and thus more money, than Wordpress or Joomla. </li> </ul> <p> </p> <p><strong><font color="#008000">Joomla Pros</font></strong></p> <ul> <li>Friendly for all types of users - Designers, Developers and Administrators </li> <li>Huge community is awesome for assisting with creation of websites </li> <li>Has been rapidly growing and improving itself for the past three years </li> </ul> <p><strong><font color="#ff0000">Joomla Cons</font></strong></p> <ul> <li>Still not user-friendly enough for everyone to understand </li> <li>Not quite as powerful as Drupal, and can be a bit confusing for some to jump into </li> <li>Recently rebuilt the entire system from ground-up, and so there are still many out there sticking to the old versions (1.0.x) </li> </ul> <h4>From <a href="http://drupal.org/node/498966" target="_blank">drupal.org</a> </h4> <p>(yeah, it's one of three opinion's but they are realistic)</p> <p>Drupal <br />* Rock solid & high quality platform <br />* Real multi-site-feature (only one installation for several sites) <br />* Any Kind of user groups & user permissions, OpenId compliant in Version 6 <br />* Can run membership and community sites, not only CMS etc <br />* Powerful templating system. Any XHTML or CSS template can be easily converted to Drupal. <br />* Drupal needs a little time investment to realize all the huge possibilities of Drupal <br />* Clear, high quality code and API (easy to integrate with other solutions etc) <br />* Flexibility and no known limitations <br />* Many high profile sites use Drupal (e.g.: MTV UK, BBC, the Onion, Nasa, Greenpeace UK, New york observer. )</p> <p>Joomla <br />* If you are not techy its good to start <br />* Easy install & setup with your mouse <br />* Easy learning curve <br />* Cannot integrate other scripts etc. to your site <br />* Generally you cannot create high-end sites, without investing huge amount <br />* No SEO out of the box, URLs are not search engine friendly. <br />* Server resources utilization is more compared to drupal <br />* Only one site per installation <br />* No Single Log-in to several sites <br />* No User groups & permissions <br />* More intuitive administration user interface <br />* Some polished modules for things like calendars, polls, etc. <br />* Modules cost you money</p> <p>System Requirements:</p> <p>* Drupal can work with MySQL and Postgres while Joomla is known to support only MySQL <br />* Drupal can work with Apache or IIS while Joomla is known to support only Apache <br />* Joomla support SSL logins and SSL pages. Drupal not known to support it.</p> <p>Site Management</p> <p>* Drupal has free add on for Workflow management. Joomla not known to have one. <br />* Drupal has inbuilt Translation manager. Joomla has a Free ad on for the same <br />* Drupal has more granular priviledge managment</p> <p>Interoperability:</p> <p>* Drupal has iCal support [Add on] , Joomla not known to have one. <br />* Drupal is XHTML Complaint. Joomla not known to be one. <br />* Drupal has excellent versioning and Audit trail which Joomla lacks</p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com4tag:blogger.com,1999:blog-5581332672628889030.post-56213199405121558112010-03-05T07:00:00.000+00:002010-03-05T07:00:02.792+00:00Browsers share (among web dev people)Here's some stats about the browsers share (among web dev people).  Specifically, this data is collected from the visitors of the site <a href="http://www.w3schools.com/browsers/browsers_stats.asp" target="_blank">W3Schools</a>. So have this in consideration: <blockquote>W3Schools is a website for people with an interest for web technologies. These people are more interested in using alternative browsers than the average user. The average user tends to use Internet Explorer, since it comes preinstalled with Windows. Most do not seek out other browsers. <p></p> These facts indicate that the browser figures above are not 100% realistic. Other web sites have statistics showing that Internet Explorer is used by at least 80% of the users</blockquote> </span></span></strong> <p><strong>Browser Statistics Month by Month:</strong></p> <table border="1" cellspacing="0" cellpadding="0"><tbody> <tr> <td width="107">Month</td> <td width="64">IE7</td> <td width="64">IE6</td> <td width="64">IE5</td> <td width="64">IE ALL</td> <td width="64">Firefox</td> <td width="64">Chrome</td> <td width="64">Safari</td> <td width="64">Opera</td> </tr> <tr> <td width="107">January, 2008</td> <td width="64">21.20%</td> <td width="64">32.00%</td> <td width="64">1.50%</td> <td width="64">54.70%</td> <td width="64">36.40%</td> <td width="64"> </td> <td width="64">1.90%</td> <td width="64">1.40%</td> </tr> <tr> <td width="107">February, 2008</td> <td width="64">22.70%</td> <td width="64">30.70%</td> <td width="64">1.30%</td> <td width="64">54.70%</td> <td width="64">36.50%</td> <td width="64"> </td> <td width="64">2.00%</td> <td width="64">1.40%</td> </tr> <tr> <td width="107">March, 2008</td> <td width="64">23.30%</td> <td width="64">29.50%</td> <td width="64">1.10%</td> <td width="64">53.90%</td> <td width="64">37.00%</td> <td width="64"> </td> <td width="64">2.10%</td> <td width="64">1.40%</td> </tr> <tr> <td width="107">April, 2008</td> <td width="64">24.90%</td> <td width="64">28.90%</td> <td width="64">1.00%</td> <td width="64">54.80%</td> <td width="64">39.10%</td> <td width="64"> </td> <td width="64">2.20%</td> <td width="64">1.40%</td> </tr> <tr> <td width="107">May, 2008</td> <td width="64">26.50%</td> <td width="64">27.30%</td> <td width="64">0.70%</td> <td width="64">54.50%</td> <td width="64">39.80%</td> <td width="64"> </td> <td width="64">2.40%</td> <td width="64">1.50%</td> </tr> <tr> <td width="107">June, 2008</td> <td width="64">27.00%</td> <td width="64">26.50%</td> <td width="64">0.50%</td> <td width="64">54.00%</td> <td width="64">41.00%</td> <td width="64"> </td> <td width="64">2.60%</td> <td width="64">1.70%</td> </tr> <tr> <td width="107">July, 2008</td> <td width="64">26.40%</td> <td width="64">25.30%</td> <td width="64"> </td> <td width="64">51.70%</td> <td width="64">42.60%</td> <td width="64"> </td> <td width="64">2.50%</td> <td width="64">1.90%</td> </tr> <tr> <td width="107">August, 2008</td> <td width="64">26.00%</td> <td width="64">24.50%</td> <td width="64"> </td> <td width="64">50.50%</td> <td width="64">43.70%</td> <td width="64"> </td> <td width="64">2.60%</td> <td width="64">2.10%</td> </tr> <tr> <td width="107">September, 2008</td> <td width="64">26.30%</td> <td width="64">22.30%</td> <td width="64"> </td> <td width="64">48.60%</td> <td width="64">42.60%</td> <td width="64">3.10%</td> <td width="64">2.70%</td> <td width="64">2.00%</td> </tr> <tr> <td width="107">October, 2008</td> <td width="64">26.90%</td> <td width="64">20.20%</td> <td width="64"> </td> <td width="64">47.10%</td> <td width="64">44.00%</td> <td width="64">3.00%</td> <td width="64">2.80%</td> <td width="64">2.20%</td> </tr> <tr> <td width="107">November, 2008</td> <td width="64">26.60%</td> <td width="64">20.00%</td> <td width="64"> </td> <td width="64">46.60%</td> <td width="64">44.20%</td> <td width="64">3.10%</td> <td width="64">2.70%</td> <td width="64">2.30%</td> </tr> <tr> <td width="107">December, 2008</td> <td width="64">26.10%</td> <td width="64">19.60%</td> <td width="64"> </td> <td width="64">45.70%</td> <td width="64">44.40%</td> <td width="64">3.60%</td> <td width="64">2.70%</td> <td width="64">2.40%</td> </tr> <tr> <td width="107">January, 2009</td> <td width="64">0.60%</td> <td width="64">25.70%</td> <td width="64">18.50%</td> <td width="64">44.80%</td> <td width="64">45.50%</td> <td width="64">3.90%</td> <td width="64">3.00%</td> <td width="64">2.30%</td> </tr> <tr> <td width="107">February, 2009</td> <td width="64">0.80%</td> <td width="64">25.40%</td> <td width="64">17.40%</td> <td width="64">43.60%</td> <td width="64">46.40%</td> <td width="64">4.00%</td> <td width="64">3.00%</td> <td width="64">2.20%</td> </tr> <tr> <td width="107">March, 2009</td> <td width="64">1.40%</td> <td width="64">24.90%</td> <td width="64">17.00%</td> <td width="64">43.30%</td> <td width="64">46.50%</td> <td width="64">4.20%</td> <td width="64">3.10%</td> <td width="64">2.30%</td> </tr> <tr> <td width="107">April, 2009</td> <td width="64">3.50%</td> <td width="64">23.20%</td> <td width="64">15.40%</td> <td width="64">42.10%</td> <td width="64">47.10%</td> <td width="64">4.90%</td> <td width="64">3.00%</td> <td width="64">2.20%</td> </tr> <tr> <td width="107">May, 2009</td> <td width="64">5.20%</td> <td width="64">21.30%</td> <td width="64">14.50%</td> <td width="64">41.00%</td> <td width="64">47.70%</td> <td width="64">5.50%</td> <td width="64">3.00%</td> <td width="64">2.20%</td> </tr> <tr> <td width="107">June, 2009</td> <td width="64">7.10%</td> <td width="64">18.70%</td> <td width="64">14.90%</td> <td width="64">40.70%</td> <td width="64">47.30%</td> <td width="64">6.00%</td> <td width="64">3.10%</td> <td width="64">2.10%</td> </tr> <tr> <td width="107">July, 2009</td> <td width="64">9.10%</td> <td width="64">15.90%</td> <td width="64">14.40%</td> <td width="64">39.40%</td> <td width="64">47.90%</td> <td width="64">6.50%</td> <td width="64">3.30%</td> <td width="64">2.10%</td> </tr> <tr> <td width="107">August, 2009</td> <td width="64">10.60%</td> <td width="64">15.10%</td> <td width="64">13.60%</td> <td width="64">39.30%</td> <td width="64">47.40%</td> <td width="64">7.00%</td> <td width="64">3.30%</td> <td width="64">2.10%</td> </tr> <tr> <td width="107">September, 2009</td> <td width="64">12.20%</td> <td width="64">15.30%</td> <td width="64">12.10%</td> <td width="64">39.60%</td> <td width="64">46.60%</td> <td width="64">7.10%</td> <td width="64">3.60%</td> <td width="64">2.20%</td> </tr> <tr> <td width="107">October, 2009</td> <td width="64">12.80%</td> <td width="64">14.10%</td> <td width="64">10.60%</td> <td width="64">37.50%</td> <td width="64">47.50%</td> <td width="64">8.00%</td> <td width="64">3.80%</td> <td width="64">2.30%</td> </tr> <tr> <td width="107">November, 2009</td> <td width="64">13.30%</td> <td width="64">13.30%</td> <td width="64">11.10%</td> <td width="64">37.70%</td> <td width="64">47.00%</td> <td width="64">8.50%</td> <td width="64">3.80%</td> <td width="64">2.30%</td> </tr> <tr> <td width="107">December, 2009</td> <td width="64">13.50%</td> <td width="64">12.80%</td> <td width="64">10.90%</td> <td width="64">37.20%</td> <td width="64">46.40%</td> <td width="64">9.80%</td> <td width="64">3.60%</td> <td width="64">2.30%</td> </tr> <tr> <td width="107">January, 2010</td> <td width="64">14.30%</td> <td width="64">11.70%</td> <td width="64">10.20%</td> <td width="64">36.20%</td> <td width="64">46.30%</td> <td width="64">10.80%</td> <td width="64">3.70%</td> <td width="64">2.20%</td> </tr> <tr> <td width="107">February, 2010</td> <td width="64">14.70%</td> <td width="64">11.00%</td> <td width="64">9.60%</td> <td width="64">35.30%</td> <td width="64">46.50%</td> <td width="64">11.60%</td> <td width="64">3.80%</td> <td width="64">2.10%</td> </tr> </tbody></table> <p> </p> <p><a href="http://lh4.ggpht.com/_Z2RmDP_1RN0/S46mN1gOEKI/AAAAAAAAAEc/dgvvYmTLGI8/s1600-h/image%5B10%5D.png" target="_blank"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="Browsers share (among web dev people)" border="0" alt="Browsers share (among web dev people)" src="http://lh3.ggpht.com/_Z2RmDP_1RN0/S46mOc6vtOI/AAAAAAAAAEg/32pbkE4T224/image_thumb%5B6%5D.png?imgmax=800" width="615" height="435" /></a> </p> <p align="center">(click to zoom)</p> <p>Data source: <a href="http://www.w3schools.com/browsers/browsers_stats.asp">http://www.w3schools.com/browsers/browsers_stats.asp</a></p> <p> </p> <p>Basically, FF has stop growing since April 2009, IE is continuously declining an Chrome is gaining ground. But please note the remark at the begin of the text: this is among the visitors of the site <a href="http://www.w3schools.com/browsers/browsers_stats.asp" target="_blank">W3Schools</a>.</p> <p> </p> <p><strong>For the global market, these are the numbers:</strong></p> <p><img src="http://it-chuiko.com/uploads/posts/2010-03/1267469916_bro3.jpg" /></p> <p><strong></strong></p> <p></p> <p>From: <a href="http://it-chuiko.com/internet/2659-top-5-browsers-data-for-february.html">http://it-chuiko.com/internet/2659-top-5-browsers-data-for-february.html</a></p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com0tag:blogger.com,1999:blog-5581332672628889030.post-64357374893116788512010-03-04T22:27:00.001+00:002010-03-04T22:27:41.793+00:00Novo blog: Buzzluso<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_Z2RmDP_1RN0/S5Az3MBahfI/AAAAAAAAAEs/c89pnlX4jlY/image%5B2%5D.png?imgmax=800" width="287" height="111" /> </p> <p>Aí está, um blog de Ramiro Marques sobre buzzers em língua portuguesa.</p> <p><a title="http://www.buzzluso.com/" href="http://www.buzzluso.com">http://www.buzzluso.com</a></p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com1tag:blogger.com,1999:blog-5581332672628889030.post-258167720128102002010-03-04T14:00:00.000+00:002010-03-04T14:00:09.932+00:00Ganhando teias…<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="image" border="0" alt="image" src="http://lh3.ggpht.com/_Z2RmDP_1RN0/S45vKM1AcyI/AAAAAAAAAEQ/YgY8Wz7t_cU/image%5B8%5D.png?imgmax=800" width="280" height="391" /></p> Mr.Editorhttp://www.blogger.com/profile/06965941055219095521noreply@blogger.com0