How to put a flash mp3 player in blogger post

Here is a simple tutorial to add small flash Mp3 player to any post in blogger.

Copy and paste the below code just before </head> tag in Layout >> Edit Html.

<script src=http://googlepage.googlepages.com/player.js type=text/javascript/>

Copy the below code and paste it wherever you want the flash player to be displayed, but paste it in the Edit Html tab of Create Post.

<object type="application/x-shockwave-flash" data="http://coloriteman.googlepages.com/player.swf" id="audioplayer1" height="17" width="185">
<param name="movie" value="http://coloriteman.googlepages.com/player.swf">
<param name="FlashVars" value="playerID=1&amp;soundFile=http://media.odeo.com/3/3/2/yahoo-song.mp3">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent"></object>

• Do not forget to replace http://media.odeo.com/3/3/2/yahoo-song.mp3 with the URL of your Mp3
• You can configure height and weight as required.

Note: If you are using Internet Explorer, you will probably need to click the player twice to make it play. (All other Web browsers will let you click once.) If you do not see the MP3 player, then you dont have the Flash player installed. (More than 90 percent of all Internet users do have it.)

Read more

how to Put Previous and next link in blogger

Many bloggers try to edit each and everything on the blog to customize the blog appearance. Weather it be images, widgets or anything. Sometime they fall into confusion that how to change the Newer and older post link at the bottom of the post. Here is a simple trick to change this or replace it with whatever you want in seconds. You can see a sample at the bottom of this post. You can even place an image in place of that or image and text both. Below steps will guide you to achieve this.

• Login to your Blogger Dashbord.
• Click on Layout.
• Click on Edit html
• Search for <data:newerPageTitle/> -This is Newer post link.
• Replace it with Previous or to place an image, replace it with <img src="Your-Image-Link" border="0" alt="Previous" /> or you can put both.
• Now, to change the older posts link, Search for <data:olderPageTitle/> and repeat the above step with appropriate changes.
• Click on Save Template.

Read more