Vitor Rubio Developer - Dicas de programação

Se você tem um blog no blogspot você pode fazer backup de seus posts através de XML, para poder armazenar o conteúdo e até portar para outras plataformas. Backup é a única medida de segurança barata/viável em um monte de situações, e no caso do blogger é a medida mais segura que você pode tomar. Uma das ferramentas que pode te ajudar com isso é o blogger backup utility que você pode baixar no codeplex. Ele é open-source, então você pode baixar sem medo, e alterar a seu gosto. Na caixa de seleção logo acima escolha "add/edit / remove blogs" para adicionar seu blog na lista. (você pode ter múltiplos). Depois de colocar seu login e senha simplesmente diga se você quer fazer backup de tudo ou apenas a partir de uma data, e se quer tudo em um arquivo ou um arquivo por post. Simples assim. Have fun ;)

Uma boa notícia (ou não) para quem tem um blog no Live Spaces mas acha uma droga. A Microsoft, em parceria com o Wordpress resolveu migrar os blogs feitos no Live para a plataforma Wordpress. Eu acho isso uma boa idéia pois assim a microsoft pode focar no que ela tem de melhor e realmente sabe fazer, e deixar a parte que ela não tem muito know how para terceiros. Pelo calendário da microsoft você tem até 4 de janeiro de 2011 para baixar o conteúdo e migrar, até essa data você ainda pode postar conteúdo. Passando de 4 de janeiro o blog será travado para novas pstagens, permitindo-se apenas consultas e o download do conteúdo. No dia 16 de março de 2011 o live spaces será fechado de vez. Veja abaixo a mensagem original que enviaram para os usuários: Dear Windows Live Spaces customer, We are very excited to announce our collaboration with a premier and innovative blogging service, WordPress.com, to offer you an upgraded blogging experience. We'll help you migrate your curre...

Sabe essa barrinha de ferramentas vista no rodapé deste blog? Ela é feita pelo site http://www.wibiya.com/ Entre no site, cadastre-se e aqui você poderá instalá-la. O site publicará um widget no seu blogspot, a única coisa que você precisa fazer agora é coloca o widget em um lugar mais apropriado e talvez remover o título. Será colocado um script como esse <script src="http://cdn.wibiya.com/Toolbars/dir_[[dir id]]/Toolbar_[[seu id]]/Loader_[[seu id]].js" type="text/javascript"></script> No próximo post falaremos da barra do meebo Até lá ;)

Há outras formas de colocar o Tweet Button no seu blog. Eu vou abordar  a mais "complicada" ;) Ao editar o HTML do blogspot você o faz na verdade em XML. É um formato de XML que dirá ao mecanismo do blogger como será seu HTML depois. E esse XML aceita alguns "comandos" como veremos. O botão Tweet é uma tag de âncora de hiperlink <a> comum que além dos atributos class e href possui esses atributos especiais, tradados pelo script que vem junto: data-count='vertical '  --> tipo de contador: pode ser vertical, horizontal ou none data-via='vitorrubio' --> seu nome  no twitter data-text='titulo do post '  --> título do post :p data-url='url do post ' --> url do post ;) Dentro de marcadores de tags < > você não pode colocar outros marcadores como estes. E para obter automaticamente o titulo do post e a url devemos usar os já ditos "comandos" do blogspot. Para obter o títilo do post ...

Em matéria de integração com mídias sociais o botão Add To Any se destaca pela variedade de serviços e pelo aspecto. O botão é realmente bonito. Para usar no blogspot não há tantas opções de customização, e o código é um pouco diferente do código para colocar num site estático, pois tem aqueles comandos que pegam variáveis do próprio blogspot. Mas existe um mecanismo no site que adiciona o botão diretamente no seu blog, como um widget. Obter o Botão Para obter o widget clique no link widget ao lado do seu cms preferido. O código é este: <!-- AddToAny Share/Save BEGIN --> <br/><a class='a2a_dd' href='http://www.addtoan...

O André Rubio fez um excelente post em seu blog sobre como  adicionar um plugin/gadget para tradução automática do seu site/blog. O André explicou sobre os botões Convey This e Translate This. Eu vou falar sobre o google translator e o WordLingo. Você pode blogar e testar em trechos de livros em domínio público para ter uma idéia da precisão da tradução. Porém já adianto: além das traduções serem bastante imprecisas as traduções acontecem "client-side" e não "server-side", ou seja, as traduções são feitas diretamente no seu navegador e não no servidor. Isso significa que  os robôs das ferramentas de busca (google, bing, yahoo etc) não  poderão achar sua página nas linguas traduzidas. Apenas na lingua em que você postar. Por isso, se quiser que seu blog atinja um público - alvo que fale inglês e espanhol você deve postar em inglês e espanhol, nem que seja em outro blog/cms e linque os dois depois. Google Translator Primeiro vamos falar do Google Translator...

Amigos blogueiros, developers, escritores e interneteiros: o Firefox está na versão 3.6.9, com a versão 4 beta saindo do forno, e o Chrome está firme e forte na versão 6. Não existe motivo para você arriscar ser invadido ou roubado por causa de um navegador desatualizado. E para você blogueiro, Web Developer ou Web Master, está na  hora de fazer sites compliantes com os padrões internacionais do W3C e tentar forçar o usuário a abandonar os navegadores velhos. Para isso apresento-lhes a barra e selo da campanha "Atualize Seu Navegador". O código se divide entre um selinho e um script que gera uma barrinha de alerta, como mostrado a seguir: Barrinha <!-- barrinha de campanha atualize seu navegador --> <script type="text/javascript" src="http://updateyourbrowser.net/asn.js"> </script> <!-- fim barrinha --> Selinho <!-- banner de campanha atualize seu navegador --> <a href="http://updateyourbrowser.net/" t...

O penduricalho de hoje da série Site aos Pedaços é o botão TweetMeme - Retweet Button. Para ativa-lo você deve entrar no site  http://help.tweetmeme.com/  se cadastrar, se logar e ir para a opção Retweet Button lá embaixo. Você cairá em uma página com o código para colocar em uma página html estática ou o código para o wordpress. Para o blogspot há alguns passos a mais. Vá na opção Design --> editar HTML como já vimos antes e procure pelo seguinte trecho de código: <b:includable id='post' var='post'> <div class='post hentry'> E cole o seguinte código: <!-- twwetme begin -->...

No Site aos Pedaços de hoje vamos falar sobre o botão Add This, que você pode colocar no seu blog ou site para que as pessoas possam repassar adiante seu post. O Add This é uma ferramenta legal porque, além de integração nativa com o blogger, te dando o código pronto sem você ter que quebrar muito a cabeça, ele te dá estatísticas por e-mail, dizendo quem clicou  no que e repassou pra onde. Para iniciar acesse o site  http://www.addthis.com/  e escolha seu tipo de site, blog ou CMS, escolha o estilo do botão e integre com uma conta do google analytics se você possuir. Não falaremos sobre o  google analytics nesse post, talvez futuramente. O código para colocar o  botão no blog é este: <!-- AddThis Button BEGIN --> <div><a expr:addthis...

Mais um da série " Site aos Pedaços "! O "gadeject" da vez não é bem um penduricalho, mas é a dica para um concurso, ondeseu blog será votado.  Você pode "pendurilhar" no seu blog a imagem com o link para votação. Isso me faz lembrar, saudosamente (ou não) o tempo em que o top 30 era "O" medidor de popularidade de um site e todo mundo queria fazer algo para ser "notado" e "votado". Dessa vez aderindo ao concurso 2° prêmio blog books  irei mostrar como você pode colocar a imagem que o site do concurso oferece dentro do link para votação no seu blog e colocar em um canto qualquer.  Não que eu tenho esperanças de que um dia meu blog vire livro, pois o conteudo é pouco e ainda está mal organizado, além de ser diverso: os artigos tem pouca relação um com o outro.  1° Entre no site e se cadastre, colocando suas informações de contato e redes sociais, bem como informações do seu blog:  http://blogbooks.com.br/ 2° Efetue login no...

Este post é mais um da série " Site aos Pedaços " mostrando mais um "gadeject" que você pode "pendurilhar" no seu blog ou site. Faz parte da política de boa vizinhança citar a fonte. No caso minhas fontes foram o Blog Mamanunes  e o Vagabundia  mas acredito que a própria documentação das api's do facebook deve ser bem rica em dicas desse tipo. Primeiro de tudo você deve saber que a edição do template do seu blog se dá em XML e não em HTML. Isso quer dizer que certos caracteres especiais devem ser substituidos por HTML entities para que funcione. Além disso algumas expressões vistas aqui serão comandos próprios do XML do blogger, que ele interpreta e substitui a sua maneira. Por isso é diferente colocar o  botão like no Blogspot e colocar no Wordpress ou mesmo no HTML puro. Para HTML puro o código deveria ser esse: (...) <iframe src="http://www.facebook.com/plugins/like.php?href=http://vitorrubio.blogspot.com/2010/08/busca-de-cep-com-o-l...

O blogspot está evoluindo. Está agregando alguns recursos novos e quem sabe um dia fique pau a pau com o wordpress. Um novo recurso interessante é colocar páginas estáticas no seu blog. Esse link mostra como fazer isso. Se você quer algo mais avançado que um simples blog, ou um blog mais profissional, você precisará de um CMS. Joomla e Wordpress são apenas dois dos milhares de CMS's que tem por aí. Quem sabe com o tempo faremos alguns posts analizando CMS's. Esse post  faz uma comparação entre joomla e wordpress. Mas o verdadeiro motivo dos posts tagueados com Site aos Pedaços é mostrar os recursos de "penduricalhos". Aqueles scripts interessantes que agregam funcionalidades de terceiros no seu blog. Dessa vez mostrarei como agregar seu perfil no linked-in. Ideal para quem quer fazer um networking profissional, já que o linked-in é mais importante do que um currículo hoje em dia. Vá no seu linkedIn, clique em profile - edit public profile settings e clique...

Para blogs técnicos, sites pessoais e portfólios pode ser muito atraente mostrar quanto o seu site vale. Melhor ainda para sites de comércio ou serviços, que podem ser "vendidos". Além de mostrar um valor "tangível" para o site, a informação pode servir tanto para quem está avaliando o site como para quem está avaliando  o profissional. O site  http://bizinformation.org/br/  provê esse serviço de, baseado em estatísticas de visitantes, calcular o valor estimado de um site. O serviço ainda provê um selo que pode ser adicionado ao seu site mostrando quanto ele vale aproximadamente. Uma limitação é que o valor no selo não se atualiza automaticamente com o tempo, mediante scripts no servidor, mas é estático. Com a adição do script será visualizado um selo como este: My site is worth $2,515.4 Your website value? Have fun \(^^)/

O que tem de mais legal na internet 2.0 hoje é a incrível quantidade de integrações com redes sociais e blogs que você pode fazer. A maioria dos sites ou serviços possui uma api para você integrar com seu site ou  blog. Quem visita o meu blog pode ver que ele é cheio de penduricalhos, muitos deles inúteis. Criei uma nova tag no Blog chamada Site aos Pedaços onde mostrarei um pouco sobre essas api's (e tirarei algumas que estão sobrecarregando o blog) Hoje é a vez do formspring.me. Trata-se de um serviço web onde as pessoas fazem perguntas a você e você responde. Simples. Mas para que entrar no site para perguntar se os fóruns existem para isso? Integrando isso no seu blog ele fica um pouco mais "útil". Para isso  crie uma conta em http://www.formspring.me e depois clique em settings --> widgets para gerar o widget. Lá será gerado um trecho de código HTML que incorporado no seu blog ficará assim: http://www.formspring.me//vitorrubio

Novo componente do google traz a api do google translator para o seu site. Vou incorporar esse componente no blog e recomendar os meus posts pros estrangeiros ;) Modo de usar: ronaldo, brilha muito no corinthians