How to add images without gap in blogger Manually

This article shows you  how to add images without gap or space in Blogger Manually..

Follow these simple steps:

Create new post in blogger

click compose tab

click insert images tab 

Add any no. images which u want

Then click the html tab

copy the entire code

Now open MS word document and paste the code in it

Now click Ctrl + h (find and replace) 

1. Copy this code and paste it in Find what tab

      <div class="separator" style="clear: both; text-align: center;">

Now leave the Replace tab empty and  Press Replace all button

2. Now again copy this code and paste it in Find what tab

    style="margin-left: 1em; margin-right: 1em;"

Now leave the Replace tab empty and  Press Replace all button


3. Now again copy this code and paste it in Find what tab
    
             </div>

Now leave the Replace tab empty and  Press Replace all button
     

4. Now again copy this code and paste it in Find what tab
    
             <br />

Now leave the Replace tab empty and  Press Replace all button


5. Now if u want to change the height and width of the images all at once just copy this code and paste it in Find what tab

         height=^?^?^?^?^? width=^?^?^?^?^?
    
             

Now leave the Replace with height=200 width=140 and Press Replace all button
(change the numbers in green color if you want different sizes) 


6. Now lastly copy this code and paste it in Find what tab
    
             ^p

Now leave the Replace tab empty and  Press Replace all button


Now copy the converted code and paste the code in html tab then press the compose tab and check the result