News!! Getting The Html Code To Set A Pic Into Your Blog's Sidebar, Header Or Footer

This article explains how to purpose Blogger's Post Editor to larn the HTML code that you lot demand to set a painting demo into your sidebar (or header or footer, or anywhere else a gadget tin go).

adding a painting demo to your blog's sidebar.

But sometimes you lot desire to a greater extent than command over the painting demo size or behaviour.  Eg, you lot may desire to convey ii pictures rattling roughly each other in addition to guarantee that they're the same size.

To create this, you lot demand to larn the HTML code for the picture, in addition to and then set it into your weblog every bit an HTML-gadget.  Fortunately, Blogger's Post-editor arrive rattling slowly to create this without writing the code yourself.

Using the Post Editor to generate the HTML for a picture

1  Start a new Post  (you're non always going to disclose this:  it's only a work-area)

2  Don't come inwards whatsoever text:   only purpose the Picture icon on the toolbar to add a picture.   Blogger volition prompt you lot to upload the picture, or to conduct it from a Google-album-archive or to come inwards its URL:  add the picture the agency that you lot commonly would.

3  Switch to the HTML tab   (top left of the editing window).

This demo you lot the HTML code for displaying the picture, every bit it is ready to display inwards the Post (depending on the picture-settings you've chosen, it may live on centered or right/left aligned, in addition to the size may vary).

4  Copy the HTML.

5  Switch dorsum to Compose, so that you lot don't larn confused the adjacent fourth dimension you lot edit a post.

6  Return to the listing of posts:  you lot may live on asked if you lot desire to exit the page without saving - the response is Yes.  Or you lot may convey a novel draft-status post, which you lot tin delete.



Job Done!   You right away convey some HTML code which you lot tin paste into an HTML/Javascript gadget, or anywhere else that you lot may demand it - fifty-fifty into some other shipping service that you lot are editing inwards a dissever window, or into a totally dissimilar tool.

---

Related Articles

Stopping pictures on your weblog from beingness "clickable"

Inserting a Picture into a weblog Post.

Putting 3rd political party HTML into your blog

Center-align the gadgets on your blog

Hosting pictures exterior of Google / Picasa

Inserting a painting demo into your weblog every bit a gadget

Tweet

Subscribe to receive free email updates: