Adding a nice music track to your blog may enhance the pleasure of reading your blog or annoy your visitors depending on the kind of blog you have. For example, if you have a music blog, adding some nice song tracks to your blog sidebar can make your visitors to stay longer which benefits you.
So, let's learn how to add mp3 to your Blogger Blog: Step 1 : First, upload the music file to any free file hosting servers on the net. There are tons of sites that provide free music file hosting. Just google "Free music hosting". Once you upload, they will provide you with a direct link to that music file.
ex: the file looks something like this :
http://---------- .com/yourmusicfile.extension
(extension can be .mp3 or .wav or .mid or any other audio extension).
I uploaded a sample mp3 file to my server..
http://myblogtalk.com/uploads/billu.mp3
Step 2 : Here is the code you need to add music to your blog
width="250" height="50" autostart="false" src="MUSIC FILE URL"/> width : width of the music player height: height of the music player autostart : you want the music to start playing automatically ? or leave it to visitors choice..? (values : false or true) MUSIC FILE URL : the direct link to your music file
In this example, MUSIC FILE URL is
http://myblogtalk.com/uploads/billu.mp3
If you use the autostart value: true, the music automatically plays.. but, it annoys many readers
Few more attributes : loop : true (or) false
If you want to continue playing the same track again and again until the visitor click on the 'STOP' button (or until he/she leaves your site), set the value to 'true'.
If you want the music to stop once the track is completed, use 'false'
playcount : n (n= any positive number)
suppose.. if you put playcount: 2 , the music will play two times and stop
If you want to use these two more additional features.. the code look something like this:
loop="false" playcount="2" src="MUSIC FILE URL"/> Now What ?
You can add the music player anywhere you want in your Blogger blog.. Sidebar : If you want to add in sidebar, go to Layout » Add a gadget » html/javascript
and paste the code and save it. Blog Posts :
If you want to embed music file to any specific blog post..
Paste the code in 'Edit html' mode and save it.
This is the time to think about the website loading time. Seriously. Time to time I was going through this and came up with small hacks and tricks to make the blog load faster. However, did I do it seriously. I do not think so. Did you took it seriously and really thought about the loading time each time you do a change to your template or adding new gadget? It is time to take it seriously as Google is using site speed in web search ranking.
First this is what Google Search team says about their decision.
Speeding up websites is important — not just to site owners, but to all Internet users. Faster sites create happy users and we've seen in our internal studies that when a site responds slowly, visitors spend less time there. But faster sites don't just improve user experience; recent data shows that improving site speed also reduces operating costs. Like us, our users place a lot of value in speed — that's why we've decided to take site speed into account in our search rankings. We use a variety of sources to determine the speed of a site relative to other sites.
So that means we need to find out ways to speed up our website or blog. Here is my brain storming.
1. Choose/Switch Better web hosting ( Reliable and Faster and cheap web hosting might not going to work any more )
2. Choose/switch faster simple templates for the websites / blog. No more bulky images or flashy content but optimized images. Need to get the HTML coding optimized as well.
3. Use Tools effectively to measure what is really happening with the web site and do the necessary changes.
Like I said earlier it is a better move from Google as it will improve the quality of the billions of websites and will come to an standard. Would like to see you thoughts as well.
Generally most of us who has Blogger Blog, has the default icon like this:
But after this small modification you, can change this icon to whatever you want..
If you haven't noticed my logo..so just take a look here..
So, its just simple..
If you want your own favicon, these are the steps to put your own favicon into a Blogger or any blog.
Backup your template and backup the Page Elements
Convert an image file (jpg, png, gif, etc.) into an image with a .ico extension. Google for "free ico generator" or try this one. It is the best I found so far: Dynamic Favicon for Blogger
All you need to do is to sign up for a free account (I think if you don't want to, this may not even be necessary), click "browse" and select an image from your computer
Upload, and that generator will not only generate the .ico image for you, at the same time it will host the .ico image on the web and give you the .ico image URL in the same page. In fact, it does better than that. It gives you the code for you to copy-paste into your blog template:
Go to Dashboard and get into the LAYOUT of the blog you want a favicon for. Click EDIT HTML and look for ]]>
Paste the code you get from that site. Immediately after ]]></b:skin> and before </head>
If everything OK, click "Save" and your blog will have a favicon different from the standard Blogger favicon.
