How To Add Music to Blog And Website

Background music has a cool effect on the visitors of your blog or websites. It may help you in catching the attention of your visitors, that is what needed by every blogger or web designer or developer. We will describe here different methods of embedding background music but before them there are some important points that should be remembered.

Background music not only enhances the reading pleasure but may also annoy the reader, if the music played is opposite or irrelevant to the matter of blog or website. It may also increase the page loading time if too big music file is used, so kindly avoid too much heavy file and please also provide play stop option for the visitor, helping him to stay on the page.

The first thing you need to start this is a music file uploaded onto a server. For bloggers the best free server are Google Sites or Google Drive. Once Uploaded, copy the url of music file and use it in any one of the following codes (whatever you use).

There are two main methods of embedding or using background music in your blog or website, based on the type of browser compatibility. For browsers having HTML5 compatibility audio tags are used while for older browsers embed tag is used.

For using audio tags copy the following code anywhere in your website or blog, inside the body tags. Replace the music url with your music file URL. The text in between audio tags “your browser doesn’t support HTML5” is shown in the browsers that doesn’t support HTML5, if you want to remove it you can.

Code

<audio src="music url" controls>
<p>Your Browser Doesn’t Support HTML5</p>
</audio>

For older browsers or for browsers that don’t have HTML5 compatibility use the following code.

Code

<embed name="bgmusic" src="music url" width="300" height="90" autostart="false" control="smallconsole" />

You can change the width, height, autostart and name attributes as you wish. For cross browser support and to avoid any problem it is better to use both these code, i.e. using embed tag in between audio tags as shown below.

Code

<audio src="music url" controls> <embed src="music url" width="300" height="90" loop="false" autostart="false" control="smallconsole" />
</audio>

For any queries and troubleshooting problems feel free to ask.

Read More ...

How To Embed "SWF,FLV" Files Into Your Blog And Website

Nowadays flash files are widely used in web and blog developing and designing, they not only give a gorgeous look to them but also provide a handy user interference.

Embedding a flash file in HTML pages is as easy as 123. All you need is a flash file uploaded at FTP (File Transfer Protocol) server. The best and free way for uploading flash file is to upload them on Google Sites.

1. Make a site on sites.google.com
2. Change page template to file cabinet.
3. Add .swf file.
4. Right-click and copy the download url of .swf file.
5. Type this code in your site or blog.
6. Replace the green code with the url of .swf file.
7. Save and enjoy.

Code

<embed src="https://sites.google.com/site/exeideashassan/exe-ideas-hare-drive/EXEIdeasUnderConstruction.swf?attredirects=0" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="600px" width="800px"></embed>

Change quality, align, height and width attributes to your need and mood.
Feel free to ask any queries.

Read More ...

How To Create HTML-CSS-Javascript Website In Blogger?

This is another a great article after the shoot up of  How To Use .Blogspot.com As A Domain Name For Your Website?
Here i am not going to bind any preface just coming to the real point i want to mind a thing that you can only creaet a ONE PAGE website in blogspot but don't worry J-Query/JavaScript has solve this problem for you. Now you can create unlimited pages in blogspot.
If you know the basic setting then it's Ok otherwise you have to learn basic first. You can learn it here.

 How To Use .Blogspot.com As A Domain Name For Your Website? 

Now Follow The Below Step To Create A Website In Blogger.

1.) Go To Your Classic Tmeplate Editor.

2.) Copy The Below Code And Paste It There.

<html>
<head>

<title>***YOUR WEBSITE NAME HERE***</title>
<link rel="shortcut icon" href="***YOUR FAVICON URL HERE***">
<meta name="description" content="***YOUR DESCRIPTION HERE***">
<meta name="keywords" content="***YOUR KEYWORD HERE***">

<meta name="author" content="***YOUR NAME HERE***">



<link href="***YOUR CSS URL HERE***" rel="stylesheet" type="text/css" />
<style type='text/css'>

#navbar-ifisplay:nrame {done;}
***YOUR CSS CODE***
</style>



<script type="text/javascript" src="***YOUR JAVASCRIPT URL HERE***" ></script>
<script type='text/javascript'>
***YOUR JAVASCRITP CODE***
</script>
</head>
<body>
***YOUR BODY CODE***
</body>
</html>

3.) Change The Colored Text With Your Data.

4.) Save Your Template.

5.) Now You Are Done.

If you want to speed up loading time then you should have to embed the CSS, J-Query/JavaScript in the template but if you have a large file you can also linked it here.

If You Have Any Queries, Please Feel Free To Ask.

The Best Way To Say Thanks Is To Share This Article To Your Social Profiles, E-Mail To Friend And Copy This Article To Your Blog With The Given Link.

<a href="http://www.exeideas.com" target="_blank"><img src="http://2.bp.blogspot.com/-cFrcdV2SrrE/T0XVCGTkazI/AAAAAAAABWQ/cIfTljlOwbw/s1600/OriginalArticleAt.png" alt="EXE Ideas"></a>

Don't Forget To Say Thanks

Read More ...

How To Use Blogger As A Domain Name For Your Website?

I was working on this project since one month. After a long search over internet finally on morning i wake up with a light brighten to the way of my target and finally i rushed over her to share it with you.
Now i am going to tell you How To Use Blogger Blogspot.com As A Domain For You Pre-Built Website?
Because Google does not listed up free domain name to its search engine so it is difficult to get swim a free user in the ocean of internet But as a project of Google the Blogger will be automatically listed up in search engine with out any post in few days.


So Finally The Golden Trick Is Given Below In Easy Steps:-


1.) Create A New Blog With yourdesirename.blogspot.com And Enter Any Title.
2.) Then Go To Template Editor And Schroll Down As Shown In Fig.

3.) Here You Will See A Button "Revert To Classic Template".

4.) Click On That Button And Again Click On "Revert To Classic Template" In Blue Color As Shown In Fig.

5.) Now You Will See The Template Code In Template Editor, Highlight That All And Removed Them.

6.) Now Copy The Below Code And Paste It There.

<html>
<head>
<meta charset="UTF-8" />
<title>Your Website Name Here</title>
<link rel="shortcut icon" href="You Favicon URL Here">
<meta name="description" content="Your Description Here">
<meta name="keywords" content="Your Keywords Here">

<meta name="author" content="Your Name Here">
<style type="text/css">
#frame {width:100%; height:100%;}
#navbar-iframe {display:none;}
</style>
</head>
<body>
<div id="frame"><iframe src="Your Website URL Here" name="Your Website Name Here" frameborder="0" height="100%" width="100%"></iframe></div>
</body>
</html>

7.) Change All The Red Text With Your Desire One.

8.)Now Save Your Template.

9.) Now You Are Done.

10.) Here You Got Your Free .blogspot.com Domain Name For Your Website.

If You Have Any Queries, Please Feel Free To Ask.

The Best Way To Say Thanks Is To Share This Article To Your Social Profiles, E-Mail To Friend And Copy This Article To Your Blog With The Given Link.

<a href="http://www.exeideas.com" target="_blank"><img src="http://2.bp.blogspot.com/-cFrcdV2SrrE/T0XVCGTkazI/AAAAAAAABWQ/cIfTljlOwbw/s1600/OriginalArticleAt.png" alt="EXE Ideas"></a>

Don't Forget To Say Thanks

Read More ...

How To Secure Add Automatically Copyright When Someone Copy Your Text In Blogspot

In this post we going to show you, how to show copyright when someone hack your article. This mean by when someone copy paste your blog article, then it will automatically show copyright and link source of that article. So you can prevent those who are copying your article. Some idiots are simply copy paste on their blog even they are not reading article, also hacker will be irritating to copy paste your blog article. This trick work only on blogger.

How To Add This Trick To Your Blog?

1. Log in to your blogger dashboard by clicking here.
2. Go to Design > Edit HTML.
3. Copy the below code and paste before </head>.



<script type='text/javascript'>
function addLink() {
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
    var pagelink = "<br/><br/> Original from: <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>Copyright EXEIdeas - All Rights Reserved"; // change this if you want
    var copytext = selection + pagelink;
    var newdiv = document.createElement('div');
    newdiv.style.position='absolute';
    newdiv.style.left='-99999px';
    body_element.appendChild(newdiv);
    newdiv.innerHTML = copytext;
    selection.selectAllChildren(newdiv);
    window.setTimeout(function() {
        body_element.removeChild(newdiv);
    },0);
}document.oncopy = addLink;
</script>

Change The Words According To You

Original from:

Copyright EXEIdeas - All Rights Reserved

Now When Anybody Copy The Article From Your Site And Past It Where He Want, An Extra Line Will Be Included Like This

Original from: http://exeideas.blogspot.com/#########################.html

© 2010-2011 EXEIdeas - All Rights Reserved

Read More ...

How To Embed Google Groups into Blog And Website

Creating a Discussion Page for your Blog/Website is a good way to let your readers interact with each other.I would be discussing how easy it is to make and then embed a Google Group into your Blog. Two of its biggest win over the previous tutorial is that it has no hosting issues and Bandwidth limitations. It might not be a classic Forum software ,but its simplicity & easy of use are its major advantages. One of its other plus point is it mail alert feature which keep you informed with whats happening in the group on the real time basis (Surprisingly many of the best known Forum Software lack this baic feature ).

Just Copy The Below Code And Paste It Where You Want...

============================

<span style="font-size: 15px; margin-left: 1em; margin-right: 1em;"><iframe id="forum_embed" 
 src="javascript:void(0)" 
 scrolling="no" 
 frameborder="0" 
 width="900" 
 height="700"> 
</iframe> 
<script type="text/javascript"> 
 document.getElementById("forum_embed").src = 
  "https://groups.google.com/forum/embed/?place=forum/exeideas" 
  "&amp;showsearch=true&amp;showpopout=true&amp;parenturl=" 
encodeURIComponent(window.location.href); 
</script></span>

============================

Just Change The Width & Height According To Your Desire.

And

Change exeideas With Your Group URL Like

https://groups.google.com/group/exeideas

Done..................

Read More ...

How To Add Favicon Icon In Website

First Copy The Below Code And Paste It Into

<link rel="SHORTCUT ICON" href="images/favicon.ico">


And Paste It Into Between Head Tag Like This..........

<head>

<link rel="SHORTCUT ICON" href="images/favicon.ico">

</head>

Just Change Your Favicon Icon URL.

Done.....

Read More ...

How To Use Free Web-Hosting Websites As Domain Name For Your Website And Blog

You Can Also Use Free Web-hosting Provider As Your Domain Name:
Step:1)Just Create An index.html Page On Web-hosting Site And Copy Past The Following Code On That Page...

<html>
<head>
<title>Your Website/Blog Title</title>
<meta name="description" content="Your Website/Blog Description">
<meta name="keywords" content="Your Website/Blog Keywords">
<link rel="SHORTCUT ICON" href="images/favicon.ico">
</head>
<frameset rows="*" framespacing="0" border="0" frameborder="NO">
<frame src="Your Original Website/Blog URL" name="Your Website/Blog Title" scrolling="auto" noresize>
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>



Chang All Red TEXT With Your Data....
Done...
Now You Can USE Free Web-hosting Domain Name Easily..
Here Are Some Free Web-Hosting Providing Sites Link...

Read More ...

How To Create An HTML-PHP Working Contact Form For Your Website

You Don't Have Need To Any Contact Form Builder Or Provider.

Here Are The Simple & Easy Step To Do.

This Tutorial Will Teach You How To Create A Very Simple Contact Form For HTML Based Website & Blog.

First Of All Create 2 Files:

contactform.html and contact.php.

Then Do As I Say.....

Code for contactform.html:
(Copy Below Text And Paste It On Notepad Then Save It In contactform.html)

<form action="contact.php" method="post" enctype="plain">              

         Name*:</br>
<input type="text" name="Name"  value="Your Name"  size="50"/>
        </br>
</br>
E-mail*:</br>
<input type="text" name="E-Mail"  value="Your E-Mail"  size="50"/>
         </br>
</br>
Message*:</br>
<textarea type="text" name="Message" rows="10" cols="39"  ></textarea>
         </br>
</br>
<input type="submit" value="Send" />
                        <input type="reset" value="Reset" />
</form>


It Looks Like This...........................

Name*:


E-mail*:


Message*:

Code for contact.php:
(Copy Below Text And Paste It On Notepad Then Save It In contact.php)

<?php
$field_name = $_POST['Name'];
$field_email = $_POST['E-Mail'];
$field_message = $_POST['Message'];

$mail_to = 'hassan.exe393@gmail.com';
$subject = '#Message# '.$field_name;

$body_message = 'From: '.$field_name."\n";
$body_message .= 'E-mail: '.$field_email."\n";
$body_message .= 'Message: '.$field_message;

$headers = 'From: '.$E-Mail."\r\n";
$headers .= 'Reply-To: '.$E-Mail."\r\n";

$mail_status = mail($mail_to, $subject, $body_message, $headers);

if ($mail_status) { ?>
<script language="javascript" type="text/javascript">
alert('Thank you for the message. We will contact you shortly.');
window.location = 'contactform.html';
</script>
<?php
}
else { ?>
<script language="javascript" type="text/javascript">
alert('Message sending failed. Please, send an email to hassan.exe393@gmail.com');
window.location = 'contactform.html';
</script>
<?php
}
?>

Do Some Changes:
1.) First Change All Red Text As You Want But Keeps Them Same Wording And Same Capitalization Of Letter.
2.) Change Blue Text As You Want, They Are A POP Up Confirmation News After Click On Send Button.
3.) Yellow Highlighted Text Is So Important To Change, Change It Your E-Mail In Which You Want Receive This E-Mail.
4.) Change Pink Text If You Want, It Will Appear On E-Mail Subject.

Read More ...

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 HTML forms for your website, with no programming required.
You can create a variety of online forms using our easy form builder. Design and build surveys, contact forms, and lead generation forms. Seamlessly integrate our HTML contact forms on your website.

Works with any web hosting account!
No need to run scripts, our powerful form engine processes your submissions, autoresponds on your behalf, and redirects visitors to a thank you page

.Stop Spam 100%!

It's a bad idea to place a simple mailto:tag or email address on your contact page. Email harvesting software will add your address to a spam list. Our forms contain multiple anti-spam utilities like CAPTCHA image verification, IP address limits, and Keyword Blocking.

No Programming required!

You can select from templates such as contact forms, order forms, and survey forms. Or create your own form using our WYSIWIG form builder. Our form builder will generate the HTML code to copy and paste to your site.

Don't start from scratch!

Sign up for FREE and experience simple and easy-to-use HTML form builder. Create your own form or use one of our templates. Collect Data. Analyze Results.


If you ever wanted a neat website contact form that your visitors can use to send you feedback, but you don't have the technical knowledge or the server requirements to do it, now you can get it easily for free!

Chech Out For More Info
It's Totally Free...

It Creates HTML Forms, Web Forms, PHP Forms

Example Preview Here

Read More ...

How To Add Music With Control Bar On Blog And Website

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.

Read More ...