How to Add MP3 music to Blogger Blogspot

There are many ways to add music to your blog. The most common and easy way is to embed it into your blog and add it as a HTML/Javascript widget via the "Add a Gadget" in the Layout.Here I show you all how to add music as background on you blog..
You will first have to find a music file that is already hosted on the web, or if you have your own music file stored in your computer, upload it into a file host and then get the URL of the file. I actually always use geocities to get url for my favorite song..If not, you also can get the url from the mp3 hosting such as http://www.freemp3mail.com. You need select the artist the the song, then you will provided with the url for that song.

Click on Dashboard---Layout----ADD page Gadget-----HTML/javascript

Find this code in your template:

<script>
<!--
//specify FULL path to mp3
var musicsrc="http://your song.mp3"
if (navigator.appName=="Microsoft Internet Explorer")
document.write('<bgsound src='+'"'+musicsrc+'"'+' loop="infinite">')
else
document.write('<embed src=\"'+musicsrc+'\" hidden="true" border="0" width="20" height="20" autostart="true" loop="true">')
//-->
</script>

change that http://your song.mp3 with the url that you already upload or found over the Internet.

Just copy and paste the code in your HTML/JAVASCRIPT

Thats all there is to it!

Learn How to Add Label and Categories to Blogger

How to insert and format images in Blogger Blogspot

• You can now upload photos to your blog(s) using Blogger Images; just click the image icon in the post editor's toolbar.
• Click on Add Image icon you'll get a window that allows you to select an image or multiple images from your computer. Click the Browse button to locate the ones you want. Alternatively, you can enter the URL of an image that's already online and insert it into your post.
• Click at the bottom like and follow step by step instructions to format your images in your post

Learn how to Post Tweakable Posts in Blogger

Don't Worry! It's Not Just You!

As I regularly do I went into my Blogger.com dashboard so that I could add a blog post and the screen just didn't look right! I thought maybe it was because my computer's cache was getting kind of full but I have found out that Blogger.com has just recently made some changes to the way your Blogger.com dashboard looks!

You can find out about the newest changes that Blogger.com has made by clicking below:

Latest Blogger.com Changes?

How to Post a Rating Widget for blogger

This Widget is very popular and it actually involves your readers to interact with you. Every post you write can involve readers participation, if they like it they can use this rating widget in each post of your blog .So Follow this basic code and you should have no trouble installing it. Follow the step by step instructions below:

Go to Dashboard -- Layout -- Edit HTML

Search for the Code( In Blue) in Your Template and Paste the Widget Code (in red) Just Above that in the same format as below:

<data:post.body/>

<script language='JavaScript'>
var OutbrainPermaLink='<data:post.url/>';
var OB_demoMode = false;
var OB_Script = true;
</script>
<script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

Learn How to Add DIGG Button on Every Post on your Blogger Blogspot

Learn How to Add RSS Feeds To your Categories

Now this is a very useful tool . If you want to increase traffic to your blog this hack in be a useful tip for you.Just follow the steps below
1. Go to HTML tab in your template layout.
2. Backup your template.
3. Tick the box of "Expand the widgets".
4. Find this code (shown in Red) in your template:

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<aexpr:href='"http://beta.blogger.com/feeds/
YOURBLOGID/posts/full/-/" + data:label.name'><img src='http://img304.imageshack.us/img304/3518/
rect18st2.png'/></a>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

5. Add the above code colored in Blue in the specified place.
6. Change YOURBLOGID (Shown in bold, blue) to Your own Blog ID.
7. Save your template and you are done.

Learn How to Add Additional Page Elements or Gadgets on Blogger

How to add Additonal page Element or Gadgets on Blogger blogspot

Here?s another nifty features addition to Beta Blogger: you can now add aditional page elements or Google gadgets on blogger.

For that, go to draft.blogger.com, and modify your Layout. There?s several new Page Elements you can try out, among which you?ll find Google Gadgets, select it, search for Warcraft and pick whatever you like.

Important note, there are some quirks around all these which require some settings for the time being, so make sure you try several options to save your settings, whether it is in the gadget?s configure or the overall layout.

If nothing is currently wrong with the connection, you should have a sample by going to the very bottom of Altitis and seeing my current main pallie?s armoury in there.

Don't forget to save

Also Read How to Add Embedded Comment Box under Every post for Blogger

Step by step instructionst to add Adsense on top of posts

The simplest step-by-step instructions for you to place Google's AdSense code within your post or On top of your post

• Go to Dashboard
• Click on Blog Layout
• Click on Edit HTML
• Check the Expand Widget Template box
• Scroll down your template about 1/2 the way and look for:
  

Find this area in your template and be ready to copy and paste your Google AdSense code below it.< class="'post-header-line-1'/">


Now lets get the AdSense code and make a few changes. I know you're going to say that is against Google's TOS, however, these are acceptable changes because we are not altering the AdSense code in anyway.
Look for the two brackets in red < and > at the top and bottom section of Google's AdSense code shown below. Replace these brackets to look like this <!-- and //-->

Click here to get the code

Thats it you are done! wasn't that easy please feel free to comment on this post.

6 Free Tips To Increase Your page rank