Web Dois Ponto Zero: recursos blogger

Mostrar mensagens com a etiqueta recursos blogger. Mostrar todas as mensagens

Uma das dificuldades com que me tenho debatido desde o início deste blog é fazer correr Javascripts dentro dos posts.
Parece que o Blogger não o permite, embora na barra lateral, como widget, não exista qualquer problema.
Parece que foi desta que descobri a solução, graças a um post colocado neste blog e que agora irei traduzir a adaptar.

Se colocar o código seguinte no interior de um post, nada acontecerá pois o script não correrá.


<a onclick=javascript:showMessage() href="#" >Teste</a>
<script language="JavaScript">
function showMessage()
{
alert("Está a funcionar no post?");
}
</script>

Mas se colocar o mesmo script na forma seguinte, funcionará.


<a onclick="alert('Isto Funciona')" href="#" >Teste</a>

Em conclusão: se colocar o código dentro de aspas ("") funciona.
Mas esta não é uma solução satisfatória pois pode querer usar e reutilizar uma função de Javascript (por exemplo a função showMessage(), isto é, que ela seja chamada de vários pontos do post e aqui, com as funções Javascript, não há maneira de colocá-las entre aspas.

Por outro lado se você colocar o seu código de Javascript num ficheiro .js, depois fizer o upload desse ficheiro para um servidor na web e, finalmente, no seu post fizer a sua chamada, tudo funcionará:


<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript">
</script>

Esta é uma boa solução e deve ser por ela que vou optar.
Todavia, muitas pessoas não têm servidores na web disponíveis (bem, há montes deles de acesso gratuito) ou não estão para se chatear com isso.

Então existe um outro modo:
Examine o código html do seu blog e reparei no seguinte:


<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript">
</script>

Há aqui um problema. Nas novas linhas. Cada vez que você começa a escrever numa outra linha o editor do blogger adiciona a tag <br />
E é por causa desta tag que o browser não consegue executar o Javascript.

Então a correcção para o problema deve ser algo como:


Test

Para funcionar bem nos posts do blogger, o Javascript deve ser todo escrito numa única linha.

Eis um exemplo que funciona (clique na palavra Teste para confirmar)

Teste

[+/-]

Widget para exibição de posts aleatórios (com excerto)

Quando o nosso blog começa a ficar com muitos posts é cada vez mais improvável que as pessoas que o visitam tenham acesso fácil a esses posts.
Este widget é uma maneira de ultrapassar, em certa medida, esse facto.
Ele vai exibindo um post antigo, de forma aleatória, a cada 5 segundos, um dos posts antigos do seu blog, permitindo assim que a atenção dos visitantes seja, eventualmente, captada para um desse posts cuja visualização seja do seu interesse.
Pode colocá-lo onde bem entender: a seguir ao header, a seguir ao espaço dos posts, no footer, na barra lateral, etc.
No meu caso experimentei colocá-lo a seguir ao header e podem ver que funcionou, conforme mostra a figura abaixo.
Apenas não o deixei ficar porque ele interfere com o outro que lá tenho (ambos provêm do google feeds), pelo que tive de optar.
No entanto, pode vê-lo em acção neste meu outro blog, logo a seguir ao cabeçalho.
Vocês escolherão o que mais lhes agradar.

O widget, como podem ver acima, possui as seguintes características:
1. Mostra o título de um post de cada vez
2. Linka para esse post
3. Mostra um excerto do post também.
4. A cada 5 segundos mostra um outro post
5. Percorre todos os posts do seu blog de uma forma cíclica
6. Começa um novo ciclo no fim da lista
7. Uma vez carregado continua a executar o ciclo mesmo quando você não está online
8. Usa tecnologia AJAX oficial
9. Funciona noutras plataformas que não o blogger (não testado)
9. Se colocarmos o ponteiro do rato sobre o título a rotação pára

Vamos então explicitar os passos a realizar para pormos em funcionamento este útil widget:

1. Faça o login no blogger.com
2. Clique na Tab "Esquema" no seu Painel
3. Clique no link "Adicionar Aplicação" situado na barra lateral na subtab "Elementos de Página" e depois clique em Html/Javascript
4. Na janela de pop-up que se abre faça scroll para baixo e depois clique em Html/Javascript
5. Na janela de conteúdos, copie para ela o código abaixo, depois de o ter modificado de acordo com as indicações que vamos dar.




  

  
Loading...

  Gadget by The Blog Doctor.

Relativamente ao código acima faça as seguintes alterações:



    function showGadget() {
      var feeds = [
       {title:'title',
        url:'http://MEU_BLOG.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},
       
       ];

      new GFdynamicFeedControl(feeds, 'feedGadget',
                               {numResults : 1000, stacked : true,
                               title: "BLOG_TITULO ~ Random Posts."});
    }

Altere "MEU_BLOG" para o seu subdomínio real e "TITULO_BLOG" para o título real do seu blog.
Depois cole o código, já modificado, na janela pop-up (Html) e Guarde/Grave.

Obtenha AQUI a sua chave API AJAX e coloque-a no código acima, no local onde diz 'PONHA_AQUI_A_SUA_CHAVE_AJAX'

Finalmente, clique e arraste a Aplicação que criou na barra lateral para o local que mais desejar (acima da zona dos posts, abaixo da zona dos posts, etc.).
Isto porque, como já acima dissemos, a largura e função do widget adequa-se mais a áreas mais largas do layout do seu blog e não à barra lateral. Mas também pode experimentar deixar na barra lateral e ver se gosta ou não.

Agradecimentos para blogdoctor.

[+/-]

Postar no blogger usando o Windows Live Write

Tive conhecimento através dum outro blog que existem certas vantagens em escrever e publicar os nossos posts através do Windows Live Writer. Então decidi experimentar, não só para verificar mas para vos dar a conhecer como isso pode ser feito e quais as vantagens citadas.

Daí este post estar a ser escrito e ser posteriormente publicado usando apenas o Windows Live Writer, sem aquelas maçadas todas de ter de ir à personalização do nosso blog, escrever uma nova mensagem, adicionar tags, enfim… andar ali para trás e para a frente com o browser.

Aqui tudo é feito num único ecrã e com as features que abaixo indicarei, algumas delas inexistentes no próprio editor do blogger.

O facto de poder escrever sem usar o browser (em desktop) faz-me lembrar os primórdios do blooger, quando ainda não era da google, e uma aplicação que fazia isto mesmo, que nem sei se ainda existe, o bloggar, de um desenvolvedor brasileiro.

O Windows Live Writer é da Microsoft, e gente fina é outra coisa.

Mas vamos lá ao que interessa: À apresentação do software e às suas vantagens:

1. O Windows Live Writer é um software cliente (fica no nosso PC) usado para postar em várias plataformas de blogging sem usar o browser. Podem fazer o download aqui.

2. Podemos inserir tabelas directa e facilmente, sem usar qualquer código (good!)

Uma	tabela	feita
no Windows	Live	Writer em 5 segundos

3. Publicar facilmente uma galeria de imagens, usando precisamente uma tabela

4. Personalizar os links para abrirem numa nova janela e adicionar tags de nofollow e título sem ter de codificar tudo isto em html.

5. Postar (o mesmo post) facilmente em múltiplos blogs (quem os tiver e assim pretender)

6. Poupar largura de banda publicando o post apenas uma vez, em vez das contínuas gravações do post, como faz no Editor do blogger do seu browser, ou é feito automaticamente pelo blogger.

7. Adicionar facilmente tags Technorati/ Delicious/Flickr/Live Journal/Ice Rocket etc Tags aos posts.

8. Adicionar Etiquetas no Blogger e Categorias no Wordpress usando a barra de ferramentas >> propriedades do post, abaixo da janela principal do Writer

9. Inserir mapas/vídeos/imagens facilmente, como faz no Word

10. Configurar a data de publicação do post

11. Publicar o post como Rascunho ou directamente

12. Fazer o ping do post assim que é publicado. Basta ir a Tools >> Options >> Ping Servers e copiar os URLS que dou abaixo e gravar

http://ping.feedburner.google.com/
http://rpc.pingomatic.com/
http://blogsearch.google.com/ping/RPC2
http://www.bloglines.com/ping

13. Existem muitos plugins que pode instalar para dar ainda mais funcionalidades ao Writer

14. Torna-o mais produtivo. Pode adicionar mais posts e fazê-lo offline, à medida que as ideias lhe vão ocorrendo, e duma maneira fácil

15. Pode ser usado para publicar posts em blogs privados também.

Se por qualquer razão os seus posts forem apagados pode republicá-los a partir da cópia que fica no Windows Live Writer.

Bom, parecem só vantagens!

Por mim já me está a lembrar uma que não posso fazer aqui, que é partir os posts em duas partes e mostrar na homepage apenas uma pequena parte e um link para quem quiser ler tudo. e haverá certamente outras coisas que não poderei fazer.

Mas nada como experimentar durante uns tempos e depois sopesar todas as vantagens e desvantagens dos dois métodos e, finalmente, decidir.

Experimentem e dêem as vossas opiniões.. ou dêem as vossas opiniões (a partir do que vêem aqui) mesmo sem experimentar.

Have a nice day!