Shop Mobile More Submit  Join Login
×




Details

Submitted on
September 5, 2012
Image Size
165 KB
Resolution
1128×1816
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
25,512 (2 today)
Favourites
1,378 (who?)
Comments
391
Downloads
95
×
Tiny Music Player Tutorial - Add Music to your dA by Hatty-hime Tiny Music Player Tutorial - Add Music to your dA by Hatty-hime
Made this in two seconds.
Yay MS paint.

<img width="300" height="24" src="http</span>:bulletred::bulletred:://fc06.deviantart.net/fs71/f/2012/153/f/0/enable_flash_plz_by_fli_c-d51zq3w.png:bulletred:">
:bulletred:<da::bulletred:embed width="544" height="340" profile="youtube" id="Lto0UF4c8lw">
</span>
:bulletred:

deviantART is stupid and keeps trying to embed it, so just say if it doesnt work.
Take out the 
:bulletred:

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!
Add a Comment:
 
:iconteddyv-bear:
TeddyV-Bear Featured By Owner Feb 23, 2015  Hobbyist Filmographer
May I ask if you know how to code pictures between text perfectly?
Reply
:iconmerepoix:
Merepoix Featured By Owner Jan 28, 2015  Hobbyist General Artist
how do you even get a star D;
Reply
:iconiciscle:
Iciscle Featured By Owner Jan 29, 2015  Hobbyist Traditional Artist
you mean the star next to your name?
that's obtained by getting a premium membership XD
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Jan 28, 2015  Hobbyist Digital Artist
huh? o-o
Reply
:iconlittlekinoko:
LittleKinoko Featured By Owner Jan 21, 2015  Hobbyist Digital Artist
How are we supposed to copy and paste that code? :c
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Jan 27, 2015  Hobbyist Digital Artist
I've been trying to figure it out for months how people can use the code since dA wants to put it into everything nowadays.
Try this, but without the * ?

<*div class="gr-box gr-headless"><*div class="smbutton smbutton-white"><*div class="pp"><*div class="pagination f sitback-container talk-*post cc-*userdetails popup2-clear" id="head*Mast"><img width="300" height="24" src="*http:*//fc06.deviantart*.net/fs71/f/2*012/153/f/*0/enable_flash_plz_by_fli_c-d5*1zq3w.png"><*div class="sitback-slide flex-bottom popup2-clear"><da:embed width="544" height="340" profile="youtube" id="xIIqYqtR1lY"></div></div>
Reply
:iconlittlekinoko:
LittleKinoko Featured By Owner Jan 28, 2015  Hobbyist Digital Artist
Its okay dear, I got it to work uwu But thank you~
Reply
:iconstrayedmutt:
StrayedMutt Featured By Owner Jan 18, 2015  Hobbyist Digital Artist
It worked for me!
But came up as a video instead,  but that's perfectly fine!
Thank you so much for this great tutorial!
Reply
:iconthejamray:
theJAMRAY Featured By Owner Dec 30, 2014
i wish there was an autoplay
Reply
:iconcometts:
cometts Featured By Owner Dec 23, 2014  Student Digital Artist
Wow thank you for making this!
Reply
:iconshizancreator:
ShizanCreator Featured By Owner Dec 16, 2014  Hobbyist Artist
does it work for super groups if im not a premium member
Reply
:iconpepsipuppeh:
PepsiPuppeh Featured By Owner Nov 22, 2014  Hobbyist Digital Artist
it sorta worked XD
Reply
:iconxfrostmonarch-115:
xFrostMonarch-115 Featured By Owner Edited Nov 10, 2014  Student Digital Artist
Just confirmed it, it works.

<img width="300" height="24" src="fc06.deviantart.net/fs71/f/201…"><da:embed width="544" height="340" profile="youtube" id="XEEasR7hVhA">

just replace the XEEasR7hVhA part.
Reply
:iconflowersprouts:
FlowerSprouts Featured By Owner Jan 13, 2015  New member Hobbyist Artist
Yay! Thanks!
Reply
:iconpizzamasks:
pizzamasks Featured By Owner Dec 22, 2014
When I do this it makes the whole video show instead of just a little mini music player... o-o
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Nov 10, 2014  Hobbyist Digital Artist
OH it totally works. I have it on my profile. :3 Deviantart tries to like code it though, so its hard for people to copy and paste the code :c
Reply
:iconxfrostmonarch-115:
xFrostMonarch-115 Featured By Owner Nov 10, 2014  Student Digital Artist
i know, i'm just putting it out there for people who don't think it works
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Nov 10, 2014  Hobbyist Digital Artist
thanks >u<
Reply
:iconxfrostmonarch-115:
xFrostMonarch-115 Featured By Owner Nov 10, 2014  Student Digital Artist
No problem!
Reply
:iconrebel-nina:
Rebel-Nina Featured By Owner Nov 8, 2014  Hobbyist
Is there any other way it will work?
Reply
:iconvxbeacon-lightsxv:
VxBeacon-LightsxV Featured By Owner Oct 24, 2014  Hobbyist Digital Artist
I found out a easy way to get a small player

just change the 
''height = 340''
To
''height = 32''

or if you play it right maybe this code works too

<da:embed width="544" height="35" profile="youtube" id="*PUT YOUR SHORTENED URL HERE*">
Reply
:iconnerotheokami:
NerotheOkami Featured By Owner Nov 30, 2014  Hobbyist Digital Artist
Omg thank you <33
Reply
:icongangster-shy:
Gangster-Shy Featured By Owner Nov 26, 2014  Student Digital Artist
This code worked for me c: 
Reply
:icondazzlethewolf:
Dazzlethewolf Featured By Owner Dec 21, 2014  Hobbyist Digital Artist
THANKS! And here :iconscribbleprincess56: This is how you make it smaller.
Reply
:iconmcgirion1234:
mcgirion1234 Featured By Owner Oct 19, 2014  Student General Artist
so only people with membership add music? is there a nother way to add music i dont really care if it shows the video
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Oct 19, 2014  Hobbyist Digital Artist
The code doesn't really work anymore, sorry.
I mean, it does work if you had it originally, but DeviantART automatically formated the code display on this deviation, so it doesn't work for people who just found it. Does that make sense X_x;


If you use the code, though.
It might work? maybe? Try it if you want. Basically it works for anyone, if you can get it working, but it will show a video on your page instead of a bar
Reply
:iconmcgirion1234:
mcgirion1234 Featured By Owner Oct 22, 2014  Student General Artist
ok thanks for telling me
Reply
:iconhiroshi-boi:
Hiroshi-Boi Featured By Owner Oct 10, 2014  Hobbyist Digital Artist
i dont have premium membership and i dont mind that it isnt small, but do i use the link you gave in the description? where do i put it
Reply
:iconmysteriouscomplexity:
MysteriousComplexity Featured By Owner Sep 25, 2014  Hobbyist General Artist
Can you do the exact same thing with a playlist on youtube?
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Sep 25, 2014  Hobbyist Digital Artist
No sorry :(
Reply
:iconmysteriouscomplexity:
MysteriousComplexity Featured By Owner Sep 25, 2014  Hobbyist General Artist
Its okay ^u^
Reply
:iconwinterwirt:
winterwirt Featured By Owner Sep 22, 2014
THANK YOU IT FINNALY WORKED ;0;
Reply
:iconhannahthekitten:
HannahtheKitten Featured By Owner Jul 30, 2014  Student Traditional Artist
Wow thanks!!!:3
Reply
:iconcosmickitto:
CosmicKitto Featured By Owner Jul 17, 2014  Student Traditional Artist
Something is very wrong. ;w; SO i keep entering the code in the description an it appears as the youtube video.
Then I tried looking through the comments to find other codes (which i believe is your tumblr code) and that popped up with a video and a bunch of visible code. .-.

Is it the box thing I'm using? Am I doing it wrong? D: I took the bulletins out?
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Jul 17, 2014  Hobbyist Digital Artist
Noo, youre not doing it wrong.
I have the original code but I cannot give it away.
Perhaps I could email it to you maybe >< ?
If youre still interested. that only MIGHT work though
the problem is the code gets mushed up with dA now because dA keeps trying to implant it, even though its been copied and pasted haha
Reply
:iconcosmickitto:
CosmicKitto Featured By Owner Jul 17, 2014  Student Traditional Artist
Yeah totally I'd love the code! :D

And I wasnt doing it wrong! OOOOHHHH Good to know.
I don't know much about this whole code thing so yee. Just kinda... mess around with it a little bit. ^_^;;;;
Reply
:iconstarsaliqned:
starsaliqned Featured By Owner Jul 15, 2014
Is there a way to do this with a song that is not from Youtube?
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Jul 16, 2014  Hobbyist Digital Artist
No, not that I'm aware sorry v_v
Reply
:iconstarsaliqned:
starsaliqned Featured By Owner Jul 16, 2014
That's alright!  Thank you so much!~
Reply
:iconxilka:
Xilka Featured By Owner Jul 7, 2014
Thank you so much for this!!! <33 :iconkiligplz:
Reply
:iconpyrofemi:
PYROFEMI Featured By Owner Jun 19, 2014  Hobbyist Artist
i did this and the bar is to the left, i want it in the center, how do i fix it
Reply
:iconstyio:
styIo Featured By Owner Jun 19, 2014  Hobbyist Digital Artist
The code for that is <*div align="center">
Make sure to get rid of the * and then you're set!
Reply
:iconpyrofemi:
PYROFEMI Featured By Owner Jun 19, 2014  Hobbyist Artist
where do i put it? ;-; ty btw
Reply
:iconstyio:
styIo Featured By Owner Jun 19, 2014  Hobbyist Digital Artist
Right beside the little music player. vuv
Reply
:iconpyrofemi:
PYROFEMI Featured By Owner Jun 19, 2014  Hobbyist Artist
TY C:
Reply
:iconrozanslash:
Rozanslash Featured By Owner Jun 13, 2014  Hobbyist General Artist
I tried to paste it, but when I pressed save it didn't do what I wanted, help.
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Jun 13, 2014  Hobbyist Digital Artist
unfortunately deviantart does not let me paste codes anymore without messing it up
it tries to embed the code when its pasted in descriptions now, so it messes it up. 
if you copied the code from this picture you'd be able to do it perfectly
however because thats a silly idea, im not sure what to do anymore for now
Reply
:iconrozanslash:
Rozanslash Featured By Owner Jun 14, 2014  Hobbyist General Artist
I copied everysingle word perfectly, I got the same result.
Reply
:iconhatty-hime:
Hatty-hime Featured By Owner Jun 14, 2014  Hobbyist Digital Artist
Can you try this and see if it works? comments.deviantart.com/1/3254…
Reply
:iconovercastcloud:
OvercastCloud Featured By Owner May 25, 2014  Student Digital Artist
Thank you, this was very helpful!
Reply
Add a Comment: