Tutorial: Player Fofo no Blog

PSD

Olá pessoal,tudo bem? – Trouxe um tutorial, bem bacana, porem, o mesmo não funciona para blogs que estão na plataforma do WordPress, como o meu (chora). Uma leitora havia me pedido esse tutorial fazia algum tempo, mas como eu estava sem tempo essa semana que passou, acabei deixando ele para hoje e peço desculpas pelo atraso.

Voltei a trabalhar a semana passada e minha vida está uma correria, fora que eu estou preparando uma surpresa para vocês e ainda não tive tempo de me focar a ela. Enfim, continuem lendo para conferir o tutorial de hoje. Espero que gostem!

  1. Acesse o YOUTUBE e procure pela música que deseja colocar no player. Você pode colocar mais de uma música se preferir!
  2. Copie o link do vídeo do Youtube…
  3. Acesse a página do player e escolha o modelo que você deseja para seu blog, clique em ”Edit Playlist” e nas caixinhas em branco cole os links dos vídeos que você escolheu.
  4. Clique em ”Configure Setting”  e edite como a imagem abaixo.

Sem título

Ele vai ficar assim (imagem abaixo).

Sem título

Para ver como ficou o player, clique AQUI!

Para colocar a skin de cruz, ou qualquer outro modelo, é simples.

  1. Vá novamente no site do player e ao invés de escolher um modelo para seu player, você irá em ”Custom skin CSS”.
  2. AQUI nesse Tumblr você irá encontrar várias skins para seu player. Escolha a skin desejada, clique em ”code” e copie o link da página e NÃO O CÓDIGO. Exemplo abaixo!

Sem título

Clique na imagem para ampliar. (Credito do código – Tumblr  Holy-skin)

3. Assim que você copiar o link, cole ele na área  ”Custom skin CSS” e prossiga normalmente como explicado acima.

4. Copie o código que o site irá gerar, vá em Modelo > Editar HTML. Procure ( Ctrl + F) por ”<Body” e cole o código acima dele, clique em ”Visualizar Modelo” para ver se está tudo OK com o código e clique em salvar.

Espero ter explicado direitinho. Qualquer duvida é só comentar!

Lembrando que o player NÃO FUNCIONA no W.P, apenas no blogger e o tumblr.

Anúncios

2 comentários sobre “Tutorial: Player Fofo no Blog

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s