Text on Images

• Get the URL/link of an image

• Then use the code below to get Text overlaid on an image :

  For E.g.

  

         PYRATE101

   

  Code :

  <div style="width: 150; height: 205" align=right>
  <IMG src="Picture URL" align=right>
  <div style="float: right" align=center>
  <p align="center"><font face="Times New Roman">TEXT</font>
  </div>

Explanation :

• The overall dimensions of this grouping in Blue need to be defined by you.[ leave the default values , change it later on]
• Replace the part in Red with the link/URL of the picture
• Now click the button and paste the code modified by you.
• Click on button again to preview the picture with the overlaid text.
• You can make changes to the size of the picture by dragging about the borders around it.
• Also drag the borders around the text to change the its settings and size. Use the blog editing tools give by msn spaces to get your desired Font and size / style of font.
• Publish your entry.
  

Thanx to Alan