Add lagu feveret korang kt blog.. ni care die.. :)

The previous embeddable MP3 player discussed on BloggerStop had many limitations and was quite complicated in terms of customizing it.

So this tutorial will help you to add a customized music player and create your own playlist. The first 2 steps of this tutorial will let you add the songs to your blog (Repeat these steps whenever you want to add more songs to your blog/posts), and step #3 will add a floating MP3 player to your blog.

For this tutorial you will have to open an account here:
1. http://kiwi6.com/

STEP #1:
Upload songs (MP3 files) to your newly registered Kiwi6 account,
upload the file and then click My File ,and click the song you upload.
Then copy the "DIRECT LINK" (Streaming) to that file.

STEP #2:
Now, paste it as a hyperlink in to your blog:
1. Either paste it in the sidebar (Blogger -> Design -> Page Elements -> "Add a Gadget -> HTML/JavaScript") to play the songs site-wide,
2. Or paste it in a blog-post (anywhere in the post), if you want to play the songs only in a particular post.
(List all the songs you want to play as these hyperlinks)

The hyperlinks to the songs should look like this:

http://DIRECT_LINK_TO_SONG_1" style="display:none;">Song_1_Title
http://DIRECT_LINK_TO_SONG_2" style="display:none;">Song_2_Title

Replace the links highlighted in RED with the DIRECT LINKS you got from Kiwi6 in STEP #1.
The code style="display:none;" will hide the hyperlinks (song titles). If you want to show the links to your visitors, then delete the code highlighted in BLUE, before saving the widget/post.

STEP #3
Finally, to play these songs we will add the floating MP3 player to the blog.
Go to this page: StreamPad.

And click on the Blogger logo.

Before copying the code, go to the bottom of the page.
And customize the player as you want: Enable Autoplay, change colors, Allow popout etc.

Finally copy the code from Step 5 in that page.
If the code in Step 5 does not get updated when you customize the options, then simply use this code:

Change the values highlighted in RED from true to false or vice-versa And paste that code in to your blog:
Go to Blogger -> Design -> Page Elements -> Add a Gadget -> HTML/JavaScript"
Paste the code and save widget.


torai jangan tk torai.. :)