Saturday, 4 January 2014
Alt Tag: How Auto Alt Title Tags to Images in Blog of Blogger
Using Alt Tags For pictures Drives Even moreTraffic particularly From the Google pictures. It provides a correct Naming and description to theimages. Well there many more Scripts to convey an Automatic Alt Title Tags to images.
How Important Alt Tag for Image for SEO
But Here may be a easy and cool Script that you just got to Add in Your template. this can be easy and does not take much Time. All you would like to try and do is that the correct Naming of the Imagein order that it Suits the Name of the Title.So give the Image a correct Naming. as an alternative you will not be able to See the correct
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.
But Here may be a easy and cool Script that you just got to Add in Your template. this can be easy and does not take much Time. All you would like to try and do is that the correct Naming of the Imagein order that it Suits the Name of the Title.So give the Image a correct Naming. as an alternative you will not be able to See the correct
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 :- Go to Template >> Edit Html
- Now Press
Ctrl +F and Search for the </body> Tag in Your Template - Now Copy the Below Code and Paste it Above/Before </body> Tag
<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!!!!!!!!
!!!!!Happy Blogging!!!!!!!!
0 comments:
Post a Comment