Open Page or Post
In the Blogger editor, select a Page or Post where you'll add your POWr Image Resizer widget.
Set the Page editor to HTML mode. Paste this snippet of code into the editor box, and save.
Go to the Live Blog to customize POWr Image Resizer
Go to the live blog page by clicking View Blog. Click on the Settings Icon to open the POWr Editor.
Launch your Blogger editor.
Click design in the top right corner, then choose layout from the sidebar.
Add a New Gadget
Click on any of the Add a Gadget icons to add POWr Image Resizer. This will open the Blogger Gadget pop-up.
Create HTML Gadget
Copy and paste this code into the Content box and save.
Your Image Resizer has now been added to your Layout.
Click Save Arrangement, then click View Blog to set up the plugin on your live site.
View Blog to customize POWr Image Resizer
Click on View Blog to go to the live, published Blogger site.
Look for your new Image Resizer Widget. You should see a blinking Edit Me sign, pointing to a Settings Icon .
Click the Settings Icon to open the POWr Editor and start editing your Image Resizer Widget.