Ferramentas de personalização

Centro de Formação da Associação Educativa

para o Desenvolvimento da Criatividade
www.criatividade.net

Como inserir uma música

na barra lateral superior do

blogue,
blogue , utilizando o

CFAEDC www.criatividade.net
 Ferramentas de personalização

Aceda ao site www.musicdumper.com/

Coloque o nome do artista ou da música que procura e clique em Search.

Ser-lhe-á apresentada uma lista de resultados. Seleccione a música pretendida.

CFAEDC www.criatividade.net
 Ferramentas de personalização

Do lado direito aparecerá o “player” da música seleccionada.

Por baixo do “player” terá as opções de incorporação.

Clique no ícone do blogger.

Preencha os dados relativos ao blogue onde pretende colocar a música e retire o

visto
de “Post to sidebar”. Faça Post.

CFAEDC www.criatividade.net
 Ferramentas de personalização

Esta mensagem indica que a música já foi

inserida, com sucesso, no seu blogue.

Aceda ao seu blogue e verifique que a música já está publicada.

Provavelmente gostaria que a música fosse colocada na barra lateral superior.

Para isso, clique no lápis de personalização/edição da mensagem que contém a
música. Seleccione todo o código html. Em cima do texto seleccionado, clique
com o botão do lado direito do rato e no menu pendente faça copiar.

CFAEDC www.criatividade.net
 Ferramentas de personalização

Agora, vá para o separador Esquema.

Clique em Adicionar uma aplicação.

Seleccione HTML/Javascript.

CFAEDC www.criatividade.net
 Ferramentas de personalização

Dê um título (se o desejar) e na janela de conteúdo cole o código html que

copiou anteriormente (clicando na janela com o botão do lado direito do rato e
no menu pendente fazendo Colar).
Faça Guardar.

Vá a Ver blogue.
O “player” com a música aparecerá no topo da barra lateral.

Muitas das vezes, os “players” têm dimensões superiores à largura da barra

lateral. Vejamos agora como podemos ultrapassar esta questão.

CFAEDC www.criatividade.net
 Ferramentas de personalização

Vá a personalizar.
No separador Esquema edite a miniaplicação da música.

No texto html procure width=”280” que é o valor da largura do “player”.

Altere o valor para 220.
Faça Guardar.

NOTA: O valor 220 poderá variar de acordo com o template/esquema escolhido

para o seu blogue. Nesse caso poderá ter de experimentar outros
valores.

CFAEDC www.criatividade.net
 Ferramentas de personalização

No separador Esquema, e antes de fazer Ver blogue, não se esqueça de clicar

em Guardar.

Faça ver blogue.

Verifique se o seu “player” está com a largura desejada, caso contrário repita os
últimos passos e, no código html, altere o valor do Width (largura).

No final não se esqueça de apagar a mensagem onde, em primeiro lugar, foi

colocado o “player” da música, caso contrário vai ter dois “players” a tocar ao
mesmo tempo.

CFAEDC www.criatividade.net