HOME | DD
Hatty-hime — Tiny Music Player Tutorial - Add Music to your dA
Published: 2012-09-05 10:09:27 +0000 UTC; Views: 44305; Favourites: 1388; Downloads: 135
Redirect to original
Description
Made this in two seconds.Yay MS paint.
deviantART is stupid and keeps trying to embed it, so just say if it doesnt work.
Take out the
The song I used thats featured in this tutorial is this:
www.youtube.com/watch?v=dw7AFJ…
• It does not autoplay.
• It works on firefox, and Chrome and SHOULD work on others as well. If you encounter a problem please be sure to tell me!
To use this code, take out the ******
Any questions, ask, but don't be rude.
**If its already in the tutorial, for example, the tiny code snippet part, and you ask, I wont answer as I don't know how to explain more than that..
It works ONLY for Premium members with ☆ or ★ by their names! However, if you want music on your profile, YOU CAN STILL USE THIS CODE! IT JUST WONT BE MINI-SIZED, IT'LL BE A VIDEO INSTEAD!
Want to see it in action?
Click here: hatakesage.deviantart.com/ and look to your left, midpage!
Edit 3.2.2013
I changed the code so that it'd show in a bubble instead of those ugly lines on the side!
I hope you enjoy <3 Thanks a lot catpain for the idea for that!
Related content
Comments: 444
Dunno how, but on my page I have multiple boxes now
Like in the Music: Singles section. I have three boxes and one box encloses two players and one holds all three.
I don't mind. I just don't know if that's how it's supposed to happen or not (because I am dumb).
👍: 0 ⏩: 1
Oh thats probably because you didnt end a box with div so it kept going?
👍: 0 ⏩: 1
Add another /div out of curiosity :3 Tell me what happens? O:
Usually that only happens when theres a /div with no ending - it keeps going. o: Can you try it?
👍: 0 ⏩: 1
I tried. No apparent effect. Sorry for the delay, your message was on page 9.
I have my music in sets of 3 and 4 on my profile page.
So I tried adding just one more /div to the top entry, then I tried all 3.
I didn't see any changes.
👍: 0 ⏩: 0
Thank you for making this~ Now I have my favourite song on my profile.
👍: 0 ⏩: 1
You're welcome! Hey, you have a box around yours, how did you do that? I've been trying to do that for a while! Whats your code? Can you copy and paste it?
👍: 0 ⏩: 1
it's in the comments by *NightheartCat
this is a copy from what they said.
instead of < div class="gr-body" >< div class="gr" > just use < div class="smbutton smbutton-white" >
(but without the spaces)
It's super helpful~
👍: 0 ⏩: 1
Whoa I didnt see that comment! Thanks a lot! ^_^
I changed it in the main as well as my page.
👍: 0 ⏩: 1
no worries~ I'm glad I could spread the word
👍: 0 ⏩: 0
this is so cool! thanks for making this tutorial!
👍: 0 ⏩: 0
Is it possible not to have that green box around the player? Or to change the color into white?
sorry, I'm stupid
👍: 0 ⏩: 2
You can just use
👍: 0 ⏩: 1
and ta-dah~ no box what-so-ever c: Just remove the spaces in it, put the short url in and you're done. ^^
I have the same problem ; n ; did you figure out how to fix it?
👍: 0 ⏩: 1
I now changed the color into white
👍: 0 ⏩: 1
it's like that now.
instead of < div class="gr-body" >< div class="gr" > just use < div class="smbutton smbutton-white" >
(but without the spaces)
I dunno how it worked but i just copied some things from the little boxes i used on my custom ones xD
👍: 0 ⏩: 2
Thanks for this~ this is super helpful~
👍: 0 ⏩: 1
Thank you very much for this tutorial!
👍: 0 ⏩: 0
I installed it and all I got was a white-ish rectangle
👍: 0 ⏩: 1
wait I'm sorry I was stupid and didn't read the 'take out the bullets' part T_T
It's all good now (I think) ^_^
Thank you for this!
👍: 0 ⏩: 2
👍: 0 ⏩: 1
👍: 0 ⏩: 0
👍: 0 ⏩: 0
Oh my I already suspected about can put music here, thanks a lot!
👍: 0 ⏩: 1
aw
for some reason it ruins my page when i throw the code in
[link]
👍: 0 ⏩: 1
Can you show me the code you set on your page previously if you still have it?
I dont know how you did that but I am assuming you messed with the length of your encoder.
👍: 0 ⏩: 1
here you go- [link]
I did stretch my custom box out, if that's what you mean haha
👍: 0 ⏩: 1
Here you go! I fixed it for you :3 [link] I hope at least, it works for me!
👍: 0 ⏩: 1
oh it
still doesnt work for me? LOL//cries
thank you though
👍: 0 ⏩: 1
Whatttt.
Wait, it was perfect for me, what did you change? o-o
👍: 0 ⏩: 1
Is there anyway it can possibly autoplay?
👍: 0 ⏩: 1
Aw ok, thanks anyways. I used it on my profile. [link] ^^
👍: 0 ⏩: 0
how do you shorten the URL? because this is the link to the video I wan`t
turned into a little music >w< but this is the URL and theres no "&" on it
👍: 0 ⏩: 1
Can I see your url? :3 I'll give you the code you need.
👍: 0 ⏩: 1
okay, so the letters you want are > ir0FaK757Vw
:3
let me know if it works for you.
👍: 0 ⏩: 1
<= Prev | | Next =>