Showing posts with label blog tutorial. Show all posts
Showing posts with label blog tutorial. Show all posts

Sunday, October 18, 2009

Add Mp3 Player to your blog

With Google Gadget, you can easily add a MP3 Player to your blog. I have added one at the bottom of the right sidebar in this blog. All I have to do is to go to Google Gadget, choose "MP3 Player", click "Add to your webpage" and will be taken to the page Add this gadget to your webpage. You can set, title, the height and width of the MP3 Player. A default URL of a song is already added for you. If you have your own song hosted somewhere, all you have to do is to replace the URL of the default song with the URL of your own song.

In the case of the above blog, a check of the template revealed this:

.sidebar {
float:left;
border-top: solid 1px #fff;
padding: 4px 0 0 7px;
background: #fff;
width: 260px;

That is, the width of the sidebar is 260 pixels. I thus set the width of the MP3 Player to 255 (see screenshot below):

Google Gadget MP3 Player

I then click "Get the Code", copy the code generated, go to the template Layout, click "Add a Page Element" in the right sidebar section, choose HTML/Javascrip in the pop-up, pasted the code into the window and saved, then drag the new Page Element to the bottom of the right sidebar section.

To play the music, all one has to do is to click on the pink button.

Thursday, October 15, 2009

Add An MP3 Music Player To Your BlogSpot Blog

For this tutorial you need to open accounts in two websites:
1. Data Nest Files, or
HotLinkFiles.com, and
2. MixPod.com (Account activation required through email, even for existing members)

Now upload songs and your MP3 files to HotLinkFiles.com
And save all the DIRECT LINKS to your music files in a text file.

Then go to MixPod.com, and start creating your music player.
Click on Add URL


And enter the DIRECT LINK of the MP3, you got from HotLinkFiles.com
Similarly add more tracks to your player.
Select the perfect player for your blog:

You may change the color of the player, and other settings like autoplay etc. before saving your playlist.

Finally save your Playlist, copy the code, embed it in your blog & Let The Music Play

search