How to add mixpod to your wordpress.com account

In This blog post today I am going to explain how to put of the cool mixpod players into your WordPress.com account sidebar.

This is a result of a question that was asked on twitter by @itmustbebritt. I am also posting this to show her how to do it.

This of the coolest little things I have see this year is mixpod.com Basically it allows you to put songs on your website, your favorite songs by your favorite artists. I am not sure how it works. but it does and hopefully we are not all breaking some sort of copyright. But the site does indicate if you are an artist and you feel your music has been illegally shared you can complain and I assume they will take down the infringing party. Just to let everyone know I believe artists should be paid for their intellectually property.

Here we go:

Step 1: go to mixpod.com Select “Create Playlist” select the songs you want in your playlist. I If you’ve never been on the site this may take some time as you enjoy some of your favorite music. select a player and make a list.
(if you already have a list skip to step ) For this demo we are going to use the

Step 2: Select your player (for this demo we are going to use “Stick”. you can do all kids of things to change the color and styles. That is up to you. I am just going to leave the default.

Step 3: give your list a name all the other things are optional.

Step 4: Save your List(get code): if you don’t already have an account you will need to create one. (this will automatically log you onto your account.

Step 5: Login (if you didn’t have a list when you started when you save you will auto logged in)

Step 6: it will give options to save your code to myspace, facebook, etc. You will need to select other sites.

Step 7:in the list of other sites there is a button that says more you will need to click on that to get to WordPress.com (I tried to use the embed code at the bottom, but I couldn’t get it to work?)

Step 8:Click on the WordPress button: it will ask you for your for your login info. Put it in and post the information

Step 9:Log in to your wordpress.com account. Click on posts. You will see a new post. edit the post. and click on the html on the right just above the editing box. make sure to copy all the code in the box.  Just copy the code don’t cut or delete the code so if you have any problems you will be able to come back to this point.

step 10: Now click on the “Appearance” tab on the admin menu on the left. The same tab used to change the them.
it will open a little window and then click on “widget”

Step 11: Once Widget is selected you will see a list of widgets you can use. find the “text” widget towards the bottom. Click and drag the text widget to the sidebar at the top right of the page. If you are using a laptop, like I was it was difficult to get the text to the side bar. You will know you have done it correctly if it opens up a new window with a one line box with Title above it and then a larger text box.

step 12: Paste all the text from the post into the big text box. leave the Title blank so as to make it look like the player is just part of the page.

step 13:click the save at the bottom of the text widget you just installed.

step 14:(This is optional – but I wouldn’t skip it) You can view your blog now to see if the player is showing up in your widget.)

step 15:(also optional) you can take out the code so the ugly little buttons don’t appear blow your player.
if you have looked at the page you will need to navigate back to the widget page. You can open up the text widget by clicking on it.

(This is a new version of this instruction updated 10/14/2009)Muchas Gracias to Carlos Isaza
step 16:Once you are in there find the part in the code that looks like this <p style=”visibility:visible;”>[gigya width="  . . .  Erase everything before the <p style

There is a bunch more stuff here but the end looks like this  wmode="transparent" ] erase all the code from there to the end except for the “</p>” leave that little bit at the end.

The numbers listed after playlist will be different for your play list,  that is the id of your playlist.

Make sure to click the Save button on the text widget

At this point you should be done and you should have the player going.  If your player doesn’t show up on your blog you can start from step 9.

Please let me know if you have difficulty and I will try to help where I can.

Good luck

About Dee Gardner

Comments

  1. Brittany says:

    Oh my goodness, I cannot thank you enough for this. *gives you a cookie* thankyouthankyouthankyou, it works perfectly.

  2. Indu says:

    Thanks a ton. It was such clear instructions.It worked well

  3. kimt08 says:

    OMG you’re the best!!! Thank you so much!! ♥♥♥
    I’ve been finding out like thousands of ways to post this…ah~~ love you!! XD

  4. shay says:

    Great post, worked perfectly. Kudos!!!

  5. min says:

    hi! it is great! may i also know how to remove the white background that comes with the player skin?

  6. Dee Gardner says:

    There are three places in the code were you can set the colors.

    mycolor=ffffff&mycolor2=ffffff&mycolor3=ffffff&amp (The six characters right after the = sign are color codes. FFFFFF (that is 6 F’s) is white There are several places like http://www.colourlovers.com where you can get the color codes you can put in there. Let me know if you have any other questions.

  7. Carlos Isaza says:

    I havent been able to get it to work :S

    Plz check on my site and see the result i get, i copied all the text i found on the HTML tab at the wordpress.com post.

    If you have any thoughts plz let me know

  8. Dee Gardner says:

    It looks like mixpod has changed their code. I have changed the instructions so it is should work now. Muchas gracias por su ayuda.

  9. Carlos Isaza says:

    Sup Dee (Sorry for double posting, but i got the wrong code :S)

    Thanks for the repply. This is the code i get after the instructions

    “[gigya width="400" height="180" src="http://assets.myflashfetish.com/swf/mp3/mp-sk.swf?myid=32112755&path=2009/10/14" quality="high" flashvars="mycolor=222222&mycolor2=77ADD1&mycolor3=FFFFFF&autoplay=true&rand=0&f=4&vol=100&pat=3&grad=false" salign="TL" wmode="transparent" ]”

    And when i log into the site, all i can see is the [gigya... ] part.

    Any other thoughts?

    Muchas gracias

  10. Dee Gardner says:

    put this before

    the [gigya and

    after the "tansparent" ]

    That should fix it.

  11. jan09 says:

    hey there thanks for this post. I repeated the steps 4 times and still the only thing that shows the “get tracks” “create free” links, i also tried to delete everything before the [gigya width=” . . . but it didn’t work

    here’s the full html code from the post, if you have a suggestion ill v much appreciate it, thxx!

    Music Playlist at MixPod.com

  12. Janel says:

    Thanks for your clear instructions! Everything worked fine. =)

  13. Tons of thank you. It work perfectly. You’re a mastermind. See ya and once more, thanks. :D

  14. Dee Gardner says:

    Thanks for you comment. Good luck on your FPGEE and TOFEL.

Speak Your Mind

*