TUTORIAL FOR HYPSTER PLAYER
Okay, so beneath my description, you’ll see a little purple buttoned music player. It’s from hypster :) I have gotten questions in the past on how to make it small, so this tutorial will include all of that. (っ◕‿◕)っ ♥
1. If you do not have an account already, you should make one. Right now, do not click on sign in with tumblr or facebook. I have tried, and it seems that they are still fixing up that feature. I highly suggest just creating a regular account.
2. Once the account is made, make sure you go to “my account”, which is one of the top options. Then scroll down a little and you will see a yellow button that says “create playlist” Click on that~
3. Enter your playlist name, then once redirected to the search page, start looking for songs. Hypster uses youtube for it’s results by the way.
4. Once you have made the playlist, it will automatically save. Then go to the home page, scroll down, and click “cool player widgets”
5. Now, since this is a tutorial for a player like mine, choose the option to the right, “classic player” Then customize whether you want shuffle, autoplay, and which playlist to use. As for the colors, the only colors that will matter are the buttons, and the background. Nothing else will show in the finished product.
6. Once you have the embed code, it should look something like this:
<img style=”visibility:hidden;width:0px;height:0px;” border=0 width=0 height=0 src=”http://c.gigcount.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEzNDI4OTg4OTA*NTYmcHQ9MTM*Mjg5ODg5NTkwNyZwPTIxMzc5MSZkPSZnPTE=.gif” /><embed quality=”high” style=”width:370px;visibility:visible; height:450px;” type=”application/x-shockwave-flash” height=”300” width=”450” pluginspage=”http://www.macromedia.com/go/getflashplayer” border=”0” src=”http://www.hypster.com/flash/player.swf?id=3574926:4464549:0&autoplay=false” FlashVars=”color_bg=0x9A0000&color_border=0x9A0000&color_box=0x9A0000&color_songbg=0xFF9700&color_song_clicked=0xFECB81&color_Title=0x000000&color_btns=0xD4D0C7&color_title=0x000000” /><br /><a href=”http://www.hypster.com/?src=player-text” style=”font-weight:bold;font-size:12px”>Get Your Own Free Hypster.com Playlist.</a>
See where I have bolded? Here is what needs to change. Change the width to 56px, and change the height to 15px. Then delete the bolded words at the bottom.
Okay, kind of long and drawn out, sorry! >< If you need any help at all, never hesitate to ask me~ I hope this helps you guys (✿◠‿◠)