HOME | DD

Hatty-hime — Tiny Music Player Tutorial - Add Music to your dA

Published: 2012-09-05 10:09:27 +0000 UTC; Views: 44198; Favourites: 1389; Downloads: 135
Redirect to original
Description Made this in two seconds.
Yay MS paint.


://fc06.deviantart.net/fs71/f/2012/153/f/0/enable_flash_plz_by_fli_c-d51zq3w.png">

embed width="544" height="340" profile="youtube" id="Lto0UF4c8lw">


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

Hatty-hime In reply to ??? [2014-06-14 07:39:39 +0000 UTC]

Can you try this and see if it works? comments.deviantart.com/1/3254…

👍: 0 ⏩: 0

OvercastCloud [2014-05-25 14:09:20 +0000 UTC]

Thank you, this was very helpful!

👍: 0 ⏩: 0

RedOptics [2014-05-17 04:10:27 +0000 UTC]

There is no way in hail that I'm typing out all that.

👍: 0 ⏩: 2

Wolfsnull In reply to RedOptics [2014-07-16 20:51:29 +0000 UTC]

copy+paste

👍: 0 ⏩: 0

Ilovetaitoshion333 In reply to RedOptics [2014-05-31 22:05:12 +0000 UTC]

Same.

👍: 0 ⏩: 0

TheFUSense [2014-05-16 01:09:05 +0000 UTC]

after I watched and copied all the codes from the comments one after another it worked

👍: 0 ⏩: 0

TheFUSense In reply to ??? [2014-05-16 00:50:16 +0000 UTC]

It dont want to work..it only show the code in the custom box :/

👍: 0 ⏩: 0

AwkwardlyAlive In reply to ??? [2014-05-13 23:13:17 +0000 UTC]

can you make it auto play?

👍: 0 ⏩: 1

Hatty-hime In reply to AwkwardlyAlive [2014-05-14 02:06:56 +0000 UTC]

no it doesnt sorry

👍: 0 ⏩: 1

AwkwardlyAlive In reply to Hatty-hime [2014-05-14 02:09:20 +0000 UTC]

okay thank you

👍: 0 ⏩: 0

Kazumi-Senpai In reply to ??? [2014-04-26 09:33:42 +0000 UTC]

I did as the instruction said and copied the youtube video the right way but it doesn't work??

👍: 0 ⏩: 1

Hatty-hime In reply to Kazumi-Senpai [2014-04-26 14:18:05 +0000 UTC]

its because of tumblr decoding it. I dont know how to make it work now because deviantart wont let me save it anywhere.

👍: 0 ⏩: 1

Kazumi-Senpai In reply to Hatty-hime [2014-04-26 14:20:42 +0000 UTC]

oh okay D:

👍: 0 ⏩: 0

cat-hoodies In reply to ??? [2014-04-21 10:07:23 +0000 UTC]

it doesn't seem to be working 

👍: 0 ⏩: 0

Broken-Grudges In reply to ??? [2014-04-12 00:29:51 +0000 UTC]

I tried this but it didn't work for my profile I copied the link and pasted it but it's not working

👍: 0 ⏩: 0

Badjuju86 In reply to ??? [2014-04-02 04:33:55 +0000 UTC]

Thank you. This was very helpful
- xo

👍: 0 ⏩: 0

Viktorija06 In reply to ??? [2014-03-30 23:10:50 +0000 UTC]

So the bar doesn't show up for regular members? The whole video? Well that's fantabulous. -_-

👍: 0 ⏩: 1

Hatty-hime In reply to Viktorija06 [2014-03-31 13:53:28 +0000 UTC]

I didnt make the rules

👍: 0 ⏩: 0

PinkoPrint In reply to ??? [2014-03-23 20:22:33 +0000 UTC]

Yay,! Thanks for making this tutorial! Woot

👍: 0 ⏩: 1

Hatty-hime In reply to PinkoPrint [2014-03-23 22:12:19 +0000 UTC]

No problem :33

👍: 0 ⏩: 0

fairyjuicy In reply to ??? [2014-03-05 20:41:14 +0000 UTC]

it says the code paste has been removed ;o;

👍: 0 ⏩: 1

Hatty-hime In reply to fairyjuicy [2014-03-06 04:42:12 +0000 UTC]

Hi, thanks for telling me.
I fixed it by just putting it on my tumblr (caution, autoplay music)

the-incredible-me.tumblr.com/p…

👍: 0 ⏩: 0

shift-cIick In reply to ??? [2014-03-01 00:23:00 +0000 UTC]

THanks

👍: 0 ⏩: 0

Akssel In reply to ??? [2014-02-25 09:17:26 +0000 UTC]

BWAAAAA!!!YAAAAAAAAAAAAAAAAAAAAAAAAY!!!!THANK YOU,THANK YOU,THANK YOU SOOOOOOOOOOOO VERY MUCH FOR THE CODE,IT WAS REALLY HELPFUL,THANKIES!!!



👍: 0 ⏩: 0

GhostlyEctoplasm In reply to ??? [2014-02-04 06:17:08 +0000 UTC]

Thanks for this

👍: 0 ⏩: 0

Kalidreamine In reply to ??? [2014-02-03 19:19:33 +0000 UTC]

Thank you!  ^^

👍: 0 ⏩: 0

JewelCat1337 [2014-02-02 00:45:33 +0000 UTC]

I am sorry, I am really confused, but wheres the code. The one on the top is long and the one in the discriptoin looks diffrent. so what do i use? and what are the red dots. so sorry just really dum.

👍: 0 ⏩: 1

Hatty-hime In reply to JewelCat1337 [2014-02-02 14:59:54 +0000 UTC]

No you're not dumb, you're right, the code was missing.

Stupid deviantart keeps removing the code and trying to embed half of it.


pastebin.com/xfgnQeP4

Try that.

👍: 0 ⏩: 1

JewelCat1337 In reply to Hatty-hime [2014-02-02 15:04:26 +0000 UTC]

okay thanks, I was confused.

👍: 0 ⏩: 0

BioError [2014-01-31 21:46:23 +0000 UTC]

Do you have a place where I can copy that code? ^^

Sorry I was just wondering, it would take forever to type all that out xD

👍: 0 ⏩: 1

Hatty-hime In reply to BioError [2014-01-31 22:49:05 +0000 UTC]

That is totally weird.

The code poofed.


Whoa. I put it back up.

Remove the bullets though o:

👍: 0 ⏩: 1

BioError In reply to Hatty-hime [2014-01-31 22:55:27 +0000 UTC]

Oh that is weird xD

Thank you c:

👍: 0 ⏩: 0

SayuriSakurai In reply to ??? [2014-01-31 21:07:43 +0000 UTC]

How do you make it show up in a bubble instead of the ugly lines?

👍: 0 ⏩: 1

Hatty-hime In reply to SayuriSakurai [2014-01-31 21:44:18 +0000 UTC]

It should show up in a bubble already.

If it doesnt, its because of your custom box being too much coded already.

Just remove a div or add a div at the end, and see how it goes.

👍: 0 ⏩: 1

SayuriSakurai In reply to Hatty-hime [2014-02-01 00:35:31 +0000 UTC]

Oh it works now. Thanx!! And btw I love your page, it's so neat and colorful!

👍: 0 ⏩: 0

Gay-Tendencies [2014-01-18 15:26:44 +0000 UTC]

thanks! omg i wanted to put one of these on my page for so long

👍: 0 ⏩: 0

HallowTheKitty In reply to ??? [2014-01-11 14:14:05 +0000 UTC]

*Reads desc* Oh thanks XD


When I played it, it wouldn't play. :/

👍: 0 ⏩: 0

HallowTheKitty In reply to ??? [2014-01-11 14:06:20 +0000 UTC]

How do you copy and paste the code?

👍: 0 ⏩: 0

DieselPaws [2014-01-04 12:13:03 +0000 UTC]

thanks!

👍: 0 ⏩: 0

Tr33Atm0s In reply to ??? [2014-01-03 06:34:30 +0000 UTC]

thank

👍: 0 ⏩: 0

BRAGlNSKI In reply to ??? [2014-01-02 16:13:01 +0000 UTC]

Thank you!! ^-^

👍: 0 ⏩: 0

fIowercrowns In reply to ??? [2014-01-02 08:35:45 +0000 UTC]

thank you so much !<3 this helped a lot c:

👍: 0 ⏩: 0

DesnaTheDragoniarian In reply to ??? [2014-01-01 22:23:57 +0000 UTC]

Its not working for me IDK why

👍: 0 ⏩: 1

SpadeRiff In reply to DesnaTheDragoniarian [2014-02-23 17:40:38 +0000 UTC]

Because you're not special like the other premiums

👍: 0 ⏩: 1

DesnaTheDragoniarian In reply to SpadeRiff [2014-02-23 21:45:57 +0000 UTC]

I did it when I was a Premium, for a month ;-;

👍: 0 ⏩: 0

fIowercrowns In reply to ??? [2013-12-28 06:32:52 +0000 UTC]

thank you so much ! I will definitely use this tutorial<3 

👍: 0 ⏩: 0

PrinceOfQueer In reply to ??? [2013-12-28 02:01:06 +0000 UTC]

Done BUT in the description I just see ""BfuWXRZe9yA"/>"

👍: 0 ⏩: 0

pastelknees In reply to ??? [2013-12-25 20:17:27 +0000 UTC]

thank you so much!

👍: 0 ⏩: 0

Blue-Cat00 In reply to ??? [2013-12-24 16:57:23 +0000 UTC]

Non-Premium members can always use it on their journals! 8'D

👍: 0 ⏩: 0

The-Hero-Of-Thyme In reply to ??? [2013-12-20 17:35:40 +0000 UTC]

THANKS!!! 

👍: 0 ⏩: 0


<= Prev | | Next =>