How to Auto Show Image/Thumbnail Tooltip PopUp on Hovering a Link Using jQuery in Blogger Blogs.

Instructions To Follow:
STEP #1
Log in to Blogger, go to Layout -> Edit HTML
and mark the tick box "Expand Widget Templates"

STEP #2
Now find (CTRL+F) this code in the template:

]]></b:skin>

And immediately before it, paste this code:

#screenshot{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; }

STEP #3

Now find (CTRL+F) this code in the template:

]]></b:skin>

And immediately after it, paste this code:

<script src='http://files-teckzest.bravehost.com/jquery.js' type='text/javascript'/><script src='http://files-teckzest.bravehost.com/main.js' type='text/javascript'/>

Now click Save Template 

STEP #4 Log in to Blogger, go to Layout

Add a Gadget of HTML/JavaScript type.

Then add this code in to it:.

<span class="Apple-style-span" style="font-family: Verdana, Arial, sans-serif; font-size: 13px; color: rgb(51, 51, 51); line-height: 16px; ">WITHOUT TITLE <a href="http://bdlab.blogspot.com" class="screenshot" rel="http://i44.tinypic.com/2ag18jq.gif" title="" style="color: rgb(51, 102, 153); ">blogspot tutorial test</a> link.</span>


Now click Save