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.


You May Also Like

2 comentários

  1. Awnn, adorei o tutorial! <3 Fica fofo, pois ele é pequeno, né? :3

    Um grande beijo,

    Juu-Chan || Nescau com Nutella

    ResponderExcluir
  2. Esse fica grandinho, mas quase nem aparece. Que bom que gosto! - Beijão!

    ResponderExcluir

INSTAGRAM | @LOOWINVERNISSI