How To Add Music With Control Bar On Blog And Website

Socialize: 
A music player console with controls of the volume, on and off buttons, would give your visitors a choice on how he wants the music played. With the code stated below, the music will not play unless the visitor clicks the play button.

You can either insert the music console into your Blog post or your sidebar.

The code to insert is this:-

<embed autostart="false" height="40" loop="true"playcount="2" src="URL of music file" width="300"/></embed>




For instance, using the following code:-
<embed autostart="false" height="40" loop="true" src="http://ownlblog.googlepages.com/BalladePourAdeline.mid" width="300"/></embed>


This is what you see:-



It will look different in IE and Firefox, depending on the installed plugins.

Note the following attributes and how they work on different browsers:-

1. Insert your URL of music file into the code.

2. The Width of the example you see above is "300". If you want it to be embedded neatly into your sidebar, the width should not be greater than the sidebar width. For example, if your sidebar width is 150px, the width of your console should be about 140px.

3. The height would depend on your preference and space constraints.

4. Theautostart attribute has two options. If you choose "true", the music will automatically play when your page is loaded. As I have mentioned earlier, this is not a good option unless you are absolutely sure all your visitors would not mind the music. The better option is to state it as "false". If the visitor wishes to hear the music, he can click the play button to start the music.

Note, however, that while it works fine in Internet Explorer, it may not be so in Mozilla Firefox. The default setting for IE is "false" which means the music will not play automatically. The default setting for Firefox is "true", and when we experimented with .wma and .wav files, they automatically played even when we set the autostart to "false". If you are working on the Mac, the default setting for both browsers is "false".

5. Theloop attribute indicates whether the music should stop once that particular tune ends. The common attributes are "false" or "true". If the attribute is "false", the music ends after it is played once. If it is "true", the music will automatically loop and continue playing until the visitor clicks the stop button or leaves your site. For short music pieces, you may want it to repeat and choose "true".
For certain versions of Netscape browsers, another attribute that might work is loop="n" where n is a number. If n is 2 for example, the music will play twice and stop. The similar attribute in Internet Explorer is playcount.

6. You can specify the number of times the music is to be played. In the above example, whereplaycount="2", the same piece of music is played twice before it stops. If you want the music to be played once, you can delete playcount altogether. Note that this only works in Internet Explorer.

    You may also like...

  • Simple Rank Widgets For Blog And Website

    Simple Rank Widgets For Blog And Website

    Most Popular Rank WidgetsShow your rankings with fancy icons on your blog.  Check This…

  • How To Remove The Blogger NavBar In Blog

    How To Remove The Blogger NavBar In Blog

    Just In Easy Steps.....................1- Log in to blogger2- On your Dashboard, select Layout.…

  • How To Add FeedBurner Feed Count Animated Widget

    How To Add FeedBurner Feed Count Animated Widget

    Adding Widget Code :-It's Simple  Step 1 : In that Add Gadget window , choose HTML /…

  • How To Create OnLine E-Mail Me Form For Your Blog And WebSite

    How To Create OnLine E-Mail Me Form For Your Blog And WebSite

    Email Me Form™ Email Me Form is a free online form generator service that helps you create…

  • Simple YouTube Subscribe Widget For Website And Blog

    Simple YouTube Subscribe Widget For Website And Blog

    Placing a Youtube Channel Subscribe widget on your website or blog to increase your subscriber is a…

  • How To Install Blogger Own Contact Form On A Static Blog Page

    How To Install Blogger Own Contact Form On A Static Blog Page

    Since the start of the year 2013 the Google has launched many new features i.e. widgets for its…

  • How To Add Mashable Sharing Widget to Blogger And Website

    How To Add Mashable Sharing Widget to Blogger And Website

    How To Add Mashable Sharing Widget to Blogger?Go To Blogger > DesignClick on "Add a…

No comments:

Post a Comment

About Me

Hi, I am Muhammad Saalim, Co-Founder of EXEIdeas International and CEO of bord4banned. I am here to share my experiences with you and to help those who can help themselves.

Follow Me



Join Our Official FaceBook Group To Stay With Us.

Caution!

All data, codes, articles, tips and tricks etc, posted here are copyright work of MyTutspot.Blogspot, and are protected with DMCA. Any one, found to be thefting any data, will be under LEGAL ACTION.

My Tutspot.Blogspot 2018 All Rights Reserved
Designed by born4banned | A Project of EXEIdeas International