Home » Blogger Tutorials, Tricks and Hacks » Blogger Images / Photos Tricks » Add An Auto Alt Title Tag Generator To Blogger

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

Add An Auto Alt Title Tag Generator To Blogger

Add An Auto Alt Title Tag Generator To Blogger

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

1,392 views

Since Blogger upgraded its features, some widgets and plugin scripts have ceased to work. This includes some auto alt tag generators for images. Luckily, Imran of AllTechBuzz shared one that still works perfectly with not just the new but also the old Blogger interface, which of course is our featured tutorial for today.

Follow the steps below to add the generator to your blog:

  • Go to the Design page in your Blogger dashboard and click on Template.
  • Click on “Edit HTML” and then “Proceed”.
  • Look for the </body> tag using “Ctrl+F”.
  • Copy/paste the code below just right before it:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
//SEO SCRIPT POWERED BY www.alltechbuzz.in
<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>
  • Save the template.

To check if the script is working, just open your blog and hover your mouse cursor over the image. You should then see the name of the image.

Adding “alt” and “title” tags to an image can be quite tedious, especially if you’re dealing with a lot of them. So generators like this one ought to save you a lot of time and energy. Plus, it makes your blog SEO-friendly as well.

How the script works according to Imran:

  • This script will automatically take the name of the image and then adds aa “alt” and “title” tag to all the images in your blog.
  • 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.

So all you need to do to use the script is make sure that you properly name your images before uploading them. Otherwise, you won’t be able to see proper alt title tags.

Liked It ? Please Share

Comments

8 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. Audrey Hona says:

    Adding “alt” and “title” tags to an image can be quite tedious, especially if you’re dealing with a lot of them., This surely means a lot to me as a blogger. Got some cool tips from this.

  2. Techlato says:

    Is it important to add alt tag in seo point of view ?

  3. Paul says:

    Thank you, and shame on blogger for not making the blogs backward compatible. This (the “+” signs) is presumably for search engines. Maybe you could write a script that uses blanks instead of the plus sign, to optimize for humans hovering over the photo and reading the title.

    • soma sekhar says:

      I too have the same problem Do u got the answer for that.
      if yes reply me and i too trying the same.

  4. Sharing says:

    Thanks for the tips…
    i hope if the post title being the alt and title tag..

  5. Arul shaji says:

    Thanks a lot for sharing this useful info with us…

  6. alone17 says:

    Things don’t have to modify the globe to be essential. Leather Made Fabulous

  7. jn27 says:

    Amazing, but you would not expect anything less from an fascination that is one fifth the size of London. hotel 2 stele bucuresti

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here