Tuesday, 30 April 2013

How to Add - Music/Audio to Blogger?

Posted by Arun Kumar Choppara On 10:39 | No comments
Adding music to blogger makes the blog wonderful as the blog provides music player with a playlist.
The blog visitors can listen to music when they are reading through the blog content. This makes the blog interesting and user friendly.

Let us see the process of adding music/audio to blogger.



1. Visit itemvn.com : Select a song and get HTML embed code as shown below.



Click "Embed" to get the HTML embed code.



Now we got the embed code for the song that we want to add to our blog.

2. Now Go to: Dashboard -> Layout -> Add Gadget -> HTML/JavaScript

Add the embed code to the gadget content area.



3. Save gadget and Save Arrangement

4. View blog to see the music gadget added to the blog.

NOTE: We can make the music gadget hide such that the music plays as background music.

If we update the highlighted code is updated as shown, then the music player will be displayed and will not be start until the visitor manually click the play button of music player displayed.

<object width="370" height="24"><param name="movie" value="http://www.itemvn.com/player.swf?soundFile=738D9C308B&amp;autostart=no&amp;loop=yes" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="http://www.itemvn.com/player.swf?soundFile=738D9C308B&autostart=no&loop=yes" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" width="370" height="24"></embed></object>

If we update the highlighted code updated as shown, then the music player will be displayed and will be played as soon as the page loads and repeats infinitely until the visitor clicks the pause button.


<object width="370" height="24"><param name="movie" value="http://www.itemvn.com/player.swf?soundFile=738D9C308B&amp;autostart=yes&amp;loop=yes" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="http://www.itemvn.com/player.swf?soundFile=738D9C308B&autostart=yes&loop=yes" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" width="370" height="24"></embed></object>

If we update the highlighted code updated as shown, then the music player will not be displayed but the music runs as background music.

<object width="370" height="24"><param name="movie" value="http://www.itemvn.com/player.swf?soundFile=738D9C308B&amp;autostart=yes&amp;loop=yes" /><param name="allowscriptaccess" value="always" /><param name="wmode" value="transparent" /><embed src="http://www.itemvn.com/player.swf?soundFile=738D9C308B&autostart=yes&loop=yes" type="application/x-shockwave-flash" allowscriptaccess="always" wmode="transparent" width="0" height="0"></embed></object>



Now we are familiar with the process of adding music /audio to blogger.

If you like the post, take a couple of minutes to comment and share.
Your comments are most valuable and would help me come up with better posts.
Reactions:

0 comments:

Post a Comment

ABOUT ME

Founder & Author: Hi Friends, my name is Arun Kumar Choppara. I am a Software Engineer by profession and a passionate blogger. I have started blogging as a hobby and now addicted to it.
...Read More