MAKE USE OF CSS TOOLTIP

Create a tooltip using CSS is lighter than using javascript. That's why I prefer to use tootip with css. If you are a beginner blogger and do not know how to activate can follow the way below.

• Login to your blog.
  
  
• Choose a layout.
  
  
• Click edit html.
  
  
• Position code above the code ]]></b:skin> that its position is as follows:
  
  
  .Tooltip (position: relative;)
  
  .Tooltip div (display: none;)
  
  .Tooltip: hover span (
  
  display: block;
  
  position: absolute;
  
  width: 200px;
  
  left: 20px;
  
  top: 20px;
  
  background-color:#006633;
  
  border: 3px solid#0099FF;
  
  padding: 5px;
  
  font-size: 15px;
  
  color: # 000000;
  
  text-decoration: none;
  
  font-family: Verdana, Arial, Helvetica, sans-serif,)
  
  ]]></b:skin>
  
  
• Then click Save.
  
  

HOW APPEARANCE IN THE POST.


<a href = "http://actionnn.blogspot.com/2010/04/make-use-of-css-tooltip.html" class="tooltip"> <span> <tooltip MAKE USING CSS< / span> Tooltip </ a>

If you want to change the background image, simply change the background-color:#006633; with the address of your own image.