Dêem-nos música
06.12.08 | Jonasnuts
Tudo começou num blog. E depois alastrou, como é habitual na Blogsofera. Tenta-se encontrar a melhor canção de amor de sempre. Na realidade, toda a gente sabe que não se anda nisto pelo destino (que neste caso não existe), mas pela viagem.
Já vimos algumas contribuições interessantes para este debate, mas achamos que pode haver ainda mais diversidade.
Assim, lançamos o desafio. Elejam a vossa melhor canção de amor, num post, atribuam-lhe depois a tag "melhor canção de amor" para nós irmos espreitando.
No fundo, dêem-nos música :)
Já agora, começou aqui.
Olá. Não sei se se lembram de há uns tempos (http://blogs.blogs.sapo.pt/97296.html?thread=2152464#t2152464) eu ter perguntado se havia alguma forma de utilizar o Lightbox nos blogs do SAPO, mas depois de algumas tentativas falhadas desisti. No entanto, hoje voltei à carga e já sei como fazer!
E é muito simples!
1. Fazer o download do pack - http://coisasss.home.sapo.pt/lightbox2.04.zip - com os ficheiros necessários.
2. Extrair o conteúdo do ficheiro para uma pasta.
3. Escolher o local do alojamento dos ficheiros.
4. Abrir o ficheiro lightbox.css que está dentro da pasta css. Onde diz:
#prevLink:hover, #prevLink:visited:hover { background: url(http://LOCALDOALOJAMENTO/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://LOCALDOALOJAMENTO/nextlabel.gif) right 15% no-repeat; }
e gravar as alterações.
5. Abrir o ficheiro lightbox.js que está na pasta js. Onde diz:
fileLoadingImage: 'http://LOCALDOALOJAMENTO/loading.gif',
fileBottomNavCloseImage: 'http://LOCALDOALOJAMENTO/closelabel.gif',
6. Alojar os ficheiros no local do alojamento. ATENÇÃO que todos os ficheiros devem ficar na mesma pasta, ou seja, as pastas js, images e css que se encontram no ficheiro que se fez o download não devem ser alojadas. Só o seu conteúdo, de modo a ficar tudo no mesmo sítio.
7. Ir a blogs.sapo.pt, entrar na conta, escolher o blog para aplicar o script, clicar em Personalização e depois Personalização Intermédia, ir ao separador Componentes e num dos componentes inserir o código seguinte:
*script language="Javascript" type="text/javascript">
cssNode.type = 'text/css';cssNode.rel = 'stylesheet';
cssNode.href = 'http://LOCALDOALOJAMENTO/lightbox.css';
cssNode.title = 'using lightbox 2 with GPC';
document.getElementsByTagName("head")
[0].appendChild(cssNode);
*/script>
*script src="http://LOCALDOALOJAMENTO/prototype.js" type="text/javascript">*/script>
*script src="http://LOCALDOALOJAMENTO/scriptaculous.js?load=effects,builder" type="text/javascript">*/script>
*script src="http://LOCALDOALOJAMENTO/lightbox.js" type="text/javascript">*/script>
substituir os * por <
activar o componente no separador Posições.
8. Agora é só "chamar" o script nas imagens! Ao colocar as imagens nos posts, juntamente com uma hiperligação para ver a imagem maior, entrar no modo HTML e adicionar rel="lightbox" logo a seguir a <a . Se quiser pode adicionar um título, pondo title="TITULO" a seguir ao rel="lightbox". 9. Publique o post, entre no seu blog, clique na imagem e surpreenda-se com o efeito que acabou de adicionar no seu blog! Coloquei isto apenas para quem gostava de ter isto, saber como colocar. Espero ter ajudado quem não sabia!