Wednesday, March 01, 2017

How to Generate image HTML code at Google Picasaweb using Blogger Post editor

ad300
Advertisement
How to Generate image HTML code at Google Picasaweb using Blogger Post editor - As a routine blog posting we create an image, save it to our hard drive and upload it using the image icon available in the blogger post editor. All the images uploaded in blog posts are stored in ‘picasa’ an another quality product from Google. ‘Picasa’ while storing an image generates an HTML code also for each image. Sometimes we need an HTML code of a picture or an image to use in a different way we try to get it from other way or from a website offering such service on premium or at par. Whenever bloggers needs an HTML code for an image or a picture he must always use the blogger post editor. You can easily generate the HTML code for your image or picture in the following easy steps – 
How to Generate HTML code for an image or a picture using Blogger Post editor.
How to Generate HTML code for an image or a picture using Blogger Post editor.



Login to your blogger Dash Board

Open the Blogger Post Editor by clicking the pencil icon as shown in the image given below.

Blogger Post editor pencil icon
Blogger Post editor pencil icon

Now the following screen will appear.

Blogger Post editor compose mode
Blogger Post editor compose mode

Now choose ‘Compose’ Mode by clicking on it. Please note that you need not to write anything here. You have to just upload the image.

Next click in the image icon.

Now you will be directed to the image selection screen like this-

Blogger Post editor image selection screen
Blogger Post editor image selection screen

Please choose the source of image file, select the image and click ‘open’.

The image will appear on the screen and the “Add Selected” button will be highlighted like this.
Blogger Post editor add selected button highlighted
Blogger Post editor add selected button highlighted


Now click add selected button, the image will come to the blogger post editor screen like this-
Blogger Post editor image uploaded
Blogger Post editor image uploaded


Now click anywhere on the image, a customization menu will appear under the image like this.

Blogger Post editor image customization options
Blogger Post editor image customization options

Please customize, align and resize the image as per your choice. Please note that choose original size for best appearance.

Now click ‘HTML’ button just next to right side of the 'Compose' button. Now the image will disappear and an HTML code will appear as given in the image below –

Blogger Post editor image HTML code generated
Blogger Post editor image HTML code generated

This is the HTML code of the given image. Copy, past this code and save it carefully for further use. You can use it in java script/HTML Gadgets, any HTML document or anywhere else you need. You can use it in place of the image while creating a post or other documents.

You can confirm the image and HTML by clicking again to the ‘Compose’ button.

Now you need not to save it, just exit without saving or delete if it is saved as draft automatically.

You have got the code for image generated and that’s all and done.






Share This
Previous Post
Next Post

Pellentesque vitae lectus in mauris sollicitudin ornare sit amet eget ligula. Donec pharetra, arcu eu consectetur semper, est nulla sodales risus, vel efficitur orci justo quis tellus. Phasellus sit amet est pharetra

0 comments: