Install Automatic ALT IMAGE Attribute To Blogger

Using ALT IMAGE attribute is one simple work some bloggers may forget to do when trying to popularize their webs or blogs.
Probably it's because they emphasize on other SEO elements they think worth paying much much attention.
However using alt image is an important ingredient of SEO to get search engine accesses to the webs or blogs better.

An explanation about Alt attribute can be found here http://webdesign.about.com/od/beginningtutorials/a/aa122004.htm

For you using blogger platform, there are piece of cake steps suggested to take when going to put alt image attribute to your blog.

As usual, Login to your blog account, Go to Template, then select Edit HTML, check Expand Widget Templates option.

Use scroll down or using CTRL + F to find these codes </body>

Just above the </body> code place the following codes;

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>

Now, save your editing.

To get to know, whether or not you have successfully installed   alt image attribute to your blog, you can use SEO Quake www.seoquake.com (for Chrome user).

Screenshot of this blog BEFORE using alt image attribute:

Screenshot of this blog AFTER using alt image attribute: