quinta-feira, 17 de maio de 2007

Widget Planetgeek

Tal como foi anunciado no blog oficial do Planetgeek, foi lançada a widget do Planetgeek.
Deixo aqui uma versão detalhada e ilustrada do modo de instalação desta widget em blogs do bloger.com, os passos são os seguintes:


  1. Selecionar a tab Template e dentro desta a opção Page Elements



  2. Na representação do layout da página seleccionar a opção Add a Page Element da área do site desejada, no exemplo a zona utilizada foi a barra do lado direito



  3. No popup de escolha do tipo de elemento de página seleccionar a opção HTML/Javascript



  4. Na caixa de texto introduzir o título que quer que apareça na página e na área de texto em baixo o javascript que gera a widget:
    <script type="text/javascript" src="http://www.planetgeek.org/pgeekrss"></script>



  5. Para utilizar a CSS default fornecida pelo Planetgeek, escolher a tab Edit HTML e colocar no head do HTML a chamada ao CSS:
    <link href="http://www.planetgeek.org/pgeekrss/pgwidget.css" rel="stylesheet" type="text/css" />




Existe ainda a opção de arrastar o "Page Element" criado dentro do layout da página para definir a sua posição. No caso da wiget visível aqui no Repeat Until Keypressed, utilizo uma versão alterada dos estilos originais introduzidos na template dentro das tags <style> no head do blog em lugar da chamada ao CSS original.

Sem comentários: