Add Auto Alt Title Tags to Images in Blogger

Using Alt Tags For Images Drives Even more Traffic Especially From the Google Images. It Gives a Proper Naming and Description to the Images. Well there are Many More Scripts to Give an Automatic Alt Title Tags to Images. 


But Here is a Simple and Cool Script that you need to Add in Your Template. this is Simple and Doesn't take Much Time. All You Need to Do is the Proper Naming of the Image So that it Suits the Name of the Title.So Give the Image a Proper Naming. Or else You Won't be Able to See the Proper Tags.


This script not only adds an “alt” and “title” tags but also gives a plus ‘+’ symbol if there is space in the name of uploaded image.

How To Add Auto Alt title Tags to Blogger Images :-

A Following are the simple steps to add the Script :.


  1. Go to Template >> Edit Html << Proceed, then check Expand Widget Templates.
  2. Now Search for the </body> Tag in Your Template
  3. Now Copy the Below Code and Paste it Above/Before </body> Tag
  1. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.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('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
      
        $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
      });
    });
    //]]>
    </script>
Now save the Template and Check Your images. By Hovering Your Cursor Over the Image.It Will Show Some Name on the Tooltip.That's It Enjoy..
!!!!!Happy Blogging!!!!!!!!