Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

2/08/2013

Colocando player musical na header do blog


Hoje em dia muitas pessoas usam player na header do blog. 


Para fazer isso é bem simples. Vamos aprender?

1. Entre no painel do seu blog
2. Clique em layout
3. Em qualquer das áreas disponiveis clique em "Adicionar um Gadget"
4. Procure entre eles o gadget "Configurar HTML/JavaScript"
5. No espaço disponível cole o código abaixo.
(Clique em mais informações)

<div id="navi2" style="position: absolute; overflow: visible; z-index: 10; text-align: left; width: -50px; height: 5px; top: -150px; right: 750px;"><!-- Deine Links hier --><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">    <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />    <param name="bgcolor" value="#6497ad" />    <param name="FlashVars" value="mp3=http://nd3.3dn.ru/_ld/0/15_Britney_Spears_.mp3" /></object></div>
Atenção: A música tem que ter a extensão .mp3 . Como a do exemplo.

Para alterar a música procure por "mp3=http://nd3.3dn.ru/_ld/0/15_Britney_Spears_.mp3" e substitua o link em vermelho.
Para alterar a altura do player procure por "top:-150px". Para alterar o quanto ele estará para a direita procure por: "right: 750px;" edite a parte em vermelho.
Para alterar o background do player procure por "value="#6497ad" altere a parte em vermelho.

Espero que tenham gostado. Qualquer dúvida, comentem!

Tutorial feito exclusivamente ao Sugoi Tutoriais. Se reblogar, avise e dê os devidos creditos!

Nenhum comentário:

Postar um comentário

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.