Stephen Hawking |
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.
- Go to Make a new post or edit the post as usual.
- Upload the image as you do it usual.
- Switch to HTML mode or Source
- Find the Image code which usually looks like this.
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDcWS5qiyayTc8q7YJ0plZImN2WyIhn1mKS6qWg4HcCtIazOUFHWSGkkwiJRLSmBrtkVks75LB6W7VJVob8qhUxvOHba046C1RLOnR9vcqjOkFY4xg27YoPXgAiAHkwp-uGAsh8ZsiWwt4/" />
- Did you found this tag <img to /> .
- Copy those image code in Notepad,WordPad or somewhere.
- 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>
- 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.
- Congratulation you have added the image with caption successfully.
By Pals we will meet on new tutorials.
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