How To Resize Bulk Images According to Your Template Or Display

Many of us Maintaining a Photo Blog Where They Collect And Share Images With The World. Most Of Us Want to Show Images Like Perfect Display Means Showing Re-sized. That Take A Lot Of Time Then what we can Do. One day doing this Practice On my Photo Blog I Tired of Resizing all the Images According to My Blog Template.I upload Images To My Blog Through Picasa or blog editor then after uploading I use to re-size every image one by one in manually. And always Tried to Make Same Size of Them.

So One day I Got An idea And I Asked My Self To Try This On.First Time I Re-size only one image in composer mode and look in preview either it fits into my blog template or not. Then I Click on edit html. I Found code Like This

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaZV6ift7Ng4N_lkDVuFMLHmN4M6hsfRq9nO1oBvLRk0-YCwDbUfuaYjBLodOolhXt1TQ3PB1EvuAudWp_T_E3p2w7sSHqa2fRxK4Xc-FnAhi8JbT8sl9TsUNkeoN5Jv8UNM3cSHI0Cwpl/s1600-h/resize+bulk.gif"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 288px; height: 320px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaZV6ift7Ng4N_lkDVuFMLHmN4M6hsfRq9nO1oBvLRk0-YCwDbUfuaYjBLodOolhXt1TQ3PB1EvuAudWp_T_E3p2w7sSHqa2fRxK4Xc-FnAhi8JbT8sl9TsUNkeoN5Jv8UNM3cSHI0Cwpl/s320/resize+bulk.gif" border="0" alt="Blog Tips"id="BLOGGER_PHOTO_ID_5304476131433187346" /></a>

In the Blow Code you Will Find width: 288px; height: 320px; . This is The measurement of the Image.I Copied it and saved it for my future reference. Now For Bulk Resizing First I upload all the Images on my Blog Then I look in edit Html. Copy Whole Code And Paste it into the Notepad. In Notepad Click on edit followed by replace or you can use shortcut key 'ctrl+h'. Now Enter the old width and height code into find what and enter the new code for width and height as shown in the below picture then click on replace all.


Now Copy and paste whole code from notepad to your blog editor. and click on publish.

Note:- This Action never re-size the actual size of your pictures but this will re-size the displayed size on your blog.