Friday, November 18, 2011

How to Auto Show Image/Thumbnail Tooltip in Blogger / Blogspot

How to Auto Show Image/Thumbnail Tooltip in Blogger / Blogspot:

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"

Finish

Source: bdlab

No comments:

Post a Comment