Embedding Online Radio to Your Blog Tutorial :D ( OUTDATED )

Even Though there are many other ways to do these embedding stuff, i just want to share mine :D

Click on the picture to Zoom :D

First of all, you must find websites that provides online radio streaming. In my case, i choose www.liveonlineradio.net as preference. After that find the radio station that you want, in my case i choose malaysia's One FM online radio station, as there are so many chinese songs there so :D...

Then, you open up their HTML coding by right-clicking on the web and pick Inspect Element. And if you want to cut the way faster, you want to right-clicking on the place near the radio player, let just say on the picture, right-click near the ONE picture :D

After that find the code that covers place like the picture below ( the highlighted one ). We need to pick that area because that area is the only area that cover the player embed code.

Finally, pick the only player part - code, like the picture below, as you guys can see, that highlighted code IS the radio player embed code.

Then, right-click the highlighted embed code and pick Copy Outer HTML :D

Then, because i use blogger then, i use blog as tutorial now, click Add a Gadget and Add the HTML/JavaScript .

Then Paste the Embed Code on the Content Field and give Title as your wish :D After that click save.

It should appear like the picture below :D 

As a reminder that, the player could be placed any part of your blog as long as the part has the option to add HTML/JavaScript Gadget.

If the size of the player it too big or too small, just play with the number of the width and height of the player in the embed code like the picture below.

That's it, you now have your own embedded Online Radio Player on your blog :D

That's it for this post, hope it helps :D
Please leave a comment and give some feedback :D Thanks..