10/01/2013

Playlist deslizante no blog

Oi, gente! Vocês já ouviram falar do Billy Music Player, né? Hoje vou ensinar como colocar esse player, ou qualquer outro player pequeno, dentro de uma caixinha deslizante no blog, no topo esquerdo da tela.

Cole acima de ]]></b:skin> (Procure com ctrl+F)
.playlist {
position: fixed;
background: #ffffff; /* Cor do fundo */
border: 1px solid #cccccc; /* Borda */
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
width: 200px; /* Largura */
height: 20px; /* Altura */
float: left;
top: -5px; /* Sobe */
left: 0px;
padding: 3px;
z-index: 1000;
}

Agora cole num gadget HTML/JavaScript esse outro código:
<div class="playlist"> Coloque o código da playlist aqui </div>

E pronto, sua playlist estará lá. Espero que tenham gostado.

6 comentários

  1. Eu tava procurando esse tutorial, acho ele muito Divo! quando a Mrs. Preguiça for em bora acho que vou ver se boto rs!
    garota-inocente-oficial.blogspot.com

    ResponderExcluir
  2. Não conhecia, mas é uma ótima ideia! Acho que vou usar no próximo layout...

    Espelho Digital *U*


    ResponderExcluir
  3. Acho fofa essa playlist é bem discreta!!

    http://thesixminutes.blogspot.com.br/

    ResponderExcluir
  4. Nossa, adorei! A playlist fica super fofinha e bem mais discreta :3
    E, sinceramente, amei o seu blog! Sério, o layout tá lindo demais, e você explicou super bem o tutorial :3
    Seguindo aqui!
    Beijocas!

    PiinkCookie.blogspot.com

    ResponderExcluir
  5. Amei a dicaaaaa , poste mais (:
    Segue o meu se puder:
    nossoblogdemodaa.blogspot.com

    ResponderExcluir
  6. Ameeei o tuto flor, eu queria aprender mesmo como colocar playlist no blog! Vou usar no meu próximo template!
    Amei o blog e as postagens, já estou seguindo aqui. Agora vou explorar um pouco mais *u*
    Beijos~

    myacidblackcherry.blogspot.com

    ResponderExcluir

✧ Por favor, evite comentários não relacionados ao post.

✧ Caso comecem a surgir comentários contendo ofensas ou causando mal-estar, a moderação de comentários será ativada imediatamente.

✧ O blog está desativado, por isso não aceita afiliados, tags e afins.

« »