Player escondido no blog


Bom dia, meus queridos (ノ◕ヮ◕)ノ*:・゚✧. Tudo bem com vocês? Espero que sim, e eu estou bem. Ultimamente está fazendo tanto frio não é? Quase não estou sentindo minhas mãos e minhas pernas. Acreditam que já completamos mais de trinta postagens? Eu tenho me dedicado e muito pelo blog, e estou super animada em relação á ele. Postarei mais nos finais de semana, nos dias que tenho aula, poderei entrar aqui somente mais tarde, lá pelas 17:00, ou 18:00 horas. No mínimo postarei todos os dias duas postagens, e vou intercalar: Tutoriais, Goodies, HTML.. E assim por diante, ok? (・ェ-)

Trouxe hoje pra vocês um tutorial de como aplicar um player no seu blog. Pra quem não sabe, player é uma listinha de músicas que você seleciona e quando alguém entrar no seu blog, poderá ouvir também. É só uma abinha que ao passar o mouse, aparece uma barrinha, e nela é aonde os seus leitores vão dar o play. Aconselho a não colocar para tocar automaticamente, mas se você quiser.. ~Enjoy, baby!


01- Vá no HTML do seu blog, tecle ctrl+f e procure por ]]></b:skin>. Depois de encontrar o código, cole acima da tag o seguinte:
#musicplayer {text-align: center;font-size: 11px;position:fixed;left:20px;top:-43px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:999;}
#musicplayer:hover {top:-10px;}
#music {padding: 20px 0 5px 0;background: #fff;width:230px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;z-index: 9999;}
#musictab {font-family:century gothic;text-shadow: 0 1px 0 #FFFFFF;height:30px;padding: 0 0 8px 0;background:#fff;border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;width: 50px;}
*Você pode mudar algumas informações se quiser, só tome cuidado para não acabar com todo o restante do código, ok?

02- Salve. Depois de salvar, vá no layout do seu blog e adicione um novo gadget Java/Script como o seguinte código:
<div id="musicplayer">
<div id="music"> <center>SEU PLAYER</center> </div>
<div id="musictab"> <br><img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"></div>
</div>
Aonde está escrito SEU PLAYER troque pelo seu código.

2 comentários:

  1. Eu não gosto muito de colocar player no meu blog por conta de alguns leitores que não curtem muito aquela tal música. Mas irei tentar fazer uma experiência com esse player ♥ Já que estou fazendo um layout, vou ver se coloco o player, e te credito ta?

    | Mandy, do Mundo Kawaii |

    ResponderExcluir
    Respostas
    1. Por esse lado é ruim, mas se você está preocupada com isso pode colocar músicas mais leves, sem cantores, apenas instrumentais, fica fofo.

      E quero ver o layout :3 Beijos

      Excluir