Sejam bem vindos meu ao bloguinho, ele foi criado com o intuito de ensinar a quem necessita de ajuda em html e css, temos diversos tutoriais e materiais. Fiquem bem a vontade e qualquer dúvida que tiverem entrem em contato comigo ou peçam pela ask. Beijinhos caramelados e inté mais ♡
Search here
All that you want is here, css and html
Welcome to garota no mundo html.
- efeito legenda nas imagens de posts
- backgrounds grandes em aquarela
- Avatar do autor no post footer
- Leia mais na mesma linha do header
- Efeito Dragqueen e efeito Swing
- Três modelos de menus agenda
- Usando temas de tumblr no blog
- Criando seu próprio modelo de data
O tema atual do layout é: the fall of leafs
A meta dos posts do blog é de: 300 posts
A meta de comentários do blog é de: 3500
O blog foi inaugurado no dia: 27/12/2012
os Seguidores do blog atualmente são: 865
A versão atual do layout está na: 41ª vers.
folhinhas que estão no blog online agora:
folhinhas que já passaram por aqui:

Player de música nas imagens de post








Boa noite meus brigadeiros como vão? ٩(♡ε♡ )۶ Quem ai tirou menos de 6.00 em alguma prova levanta a mão \(-ㅂ-)/ a bunita aqui se ferrou legal, a média era 7 e eu tirei 5,5 em matemática T^T Estão vendo que mesmo eu estudando horrores eu consegui só isso? Estão vendo? Isso que dá raiva porque mesmo estudando que nem condenada eu tirei esse lixo de nota. Pra vocês verem o quão difícil é na faculdade, cada 0,5 que ganhamos em um trabalho é como se fosse um 5 pois no final isso conta muito e conta muito (◞‸◟)

Não adianta mais chorar pelo leite derramado, então vamos mudar de assunto antes que eu pegue uma corda e coloque no pescoço hahahaha Este tutorial que eu estou fazendo hoje é muito simples e eu acho super legal. O problema é que o mais famosinho dos players o Billy player não funciona mais e de todos ele era o mais fofinho para este tipo de tutorial, mas como eu sempre dou um jeito eu achei o Hypster mp3 que é um site para criar playlists e players de vários modelos. É só vocês prestarem bem atenção que dará certo.


LIVE PREVIEW (*3*)/


Primeiramente vá até este site crie uma conta, depois te ter criado a sua conta vá até no menu amarelo e clique em CREATE / PLAYLIST / ADD NEW PLAYLIST e dê um nome para sua playlist, para por apenas uma música em cada post você terá que criar várias playlists com uma música só apenas. Depois de ter dado um nome para a playlist role a página e clique onde está escrito + add new song irá aparecer uma barra de pesquisa para você escolher a sua música, selecione a que você quer e clique em ADD Depois ter feito tudo vá até o menu principal de novo e escolha CREATE / PLAYER escolha o primeiro modelo que aparece certo?

Na aba playlist você irá escolher o nome da sua playlist e selecionar ela, feito isso o player irá aparecer ao lado com todas as informações. Agora prestem atenção, ali terá as opções de edição de como o seu player irá ficar, tire a opção de auto start, onde está o background, song background, e song licked coloque na cor #FFFFFF Onde está buttons color e text color coloquem uma cor que deixe o nome da música em evidência. Depois de ter feito tudo vá no GET CODE e copie todo o código, você irá mudar onde está height e por nos dois que aparece o tamanho de 13px; e no tamanho irá por conforme o seu gosto e que caiba o nome inteiro da música dentro do quadradinho. Abaixo um exemplo de como ele terá que ficar dentro da sua área de post:

<div style="left: 13px; margin-top: -40px; position: absolute;">
<embed quality="high" style="width:135px; height:13px; visibility:visible; " type="application/x-shockwave-flash" height="13" width="135"  pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" src="http://hypster.com/flash_n/player.swf?id=5388431:7192433:1&autoplay=false" FlashVars="color_bg=0xFFFFFF&color_songbg=0xFFFFFF&color_song_clicked=0xFFFFFF&color_btns=0xCDCDCD&color_text=0xCDCDCD" />
</div>


Onde está em negrito é o código que você pegou no site e o que está riscado é o código para deixar o seu player alinhado na imagem de post. Pego o seu código inteiro vá até no html da sua postagem e abaixo da imagem cole o código inteiro do player, salve, confira e prontinho, você terá um player na imagem de post.

4 comentários:

  1. Ai jesus, isso é tão inovador dskosodo
    Eu juro que nunca vi um player de música em imagens de blogs, olha o que a Roh não faz não é mesmo? ♥ ♥ ♥

    Gostei muito do tutorial de legendas nas imagens, eu até usei ele no meu :)

    Beijooo rohh <3 Quanto tempo né fisfjfddfldsjl <333

    ResponderExcluir
    Respostas
    1. Ahh, rooh, o botão de subir para o topo ta meio coisa aqui '-'

      Excluir
  2. Graças a Deus as minhas notas estão boas, até agora eu não sei como consegui passar em todas as matérias, mas ainda assim no final vale muito. Espero que você não fique em recuperação ou algo do tipo. Pretendo fazer uma faculdade aonde eu não tenha que precisa diretamente de exatas.

    Eu estava a procura de um tutorial tipo assim a umas semanas atrás para elaborar um layout meu, mas não achei. O play realmente ficou muito bonitinho. Amei o tutorial.
    Renasentido

    ResponderExcluir
  3. Roh, parabéns. Tu é um dos unicos blogs de tutoriais que permaneceram aqui! Saudades das antigas :(

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)