Adding image caption of StepHen Hawking
Stephen Hawking
We all know that “A Picture Is Worth Thousands of Words”.Some times people may make mistake to understand that thousands of Words.What about adding a little words to make it more clear.If we add a little description of Image Visitor can be confirmed about picture.Wanted a demo see the picture with caption(Stephen Hawking) in Left.At first what is Caption ?

Caption is a short description or title accompanying an illustration in a printed text.

Adding Caption

Caption can be added using Table methods.Using it we can set the background of image too.You can see in Demo.Lets Do it.It works for both blogger and wordpress.At other platform too.

  1. Go to Make a new post or edit the post as usual.
  2. Upload the image as you do it usual.
  3. Switch to HTML mode or Source
  4. Find the Image code which usually looks like this.
    <img src="http://lh3.ggpht.com/-f5UvlFhGvLI/Tz-nn67g0wI/AAAAAAAAAPQ/X70P7y2KtJ4/image22.png"  />
  5. Did you found this tag <img to /> .
  6. Copy those image code in Notepad,WordPad or somewhere.
  7. Replace those code in Blogger Post HTML editor(line 4 code) with this.
    <table style="float: left; margin: 5px; background-color:#eee; font-style:italic;font-weight:bold"><tbody>
    <tr><td>Image code here</td></tr>
    <tr><td align="center">Image Caption Here/td></tr>
    </tbody></table>
  8. Where
    • In Line 1 you can change float:left to right as your wish.In margin you can change 5 px to your wish it will just add transparent distance outside the image.In background-color you can change #fff with HTML color codes(You can get color codes from Here)
    • In Line 2 Replace “Image code Here” with the image URl.(See step 4)
    • In Line 3 Replace  “Image Caption Here” with the caption of Image.
  9. Congratulation you have added the image with caption successfully.

By Pals we will meet on new tutorials.

Admin of Blogger Rounder
Shirshak is the Administrator of the Blogger Rounder who thinks he will die next to Blogger. He is Completely devoted to Blogger and thinks Web Designing will makes is career.You contact using contact form from navigation tab to him.You can find him in Twitter.

Subscribe for free
Thanks for visiting Blogger Rounder.We can subscribe to Blogger Rounder's by RSS feed or email updates.

0 comments on "Adding a Simple Image Caption.":

Post a Comment

We Love To Hear Comments from You.Comments are Welcome.You can comment here regarding this Post.If it is not related with the post you can ask a question by Contacting Us.Before Comment Please Subscribe To our RSS or email updates.Publishing Spam Comment is Not allowed.If you want to Add Code then Please Encode it.
Simple Tags like <a> ,<strong>,<b>,<em> and <i> are allowed for preventing spam

Newer page Older Pager Home Pager

Pls share this page

Get this
Copyright © 2012 Blogger Rounder .Designed by Shirshak.
back to top