Getting the HTML code to position a moving-picture demo into your blog's sidebar, header or footer

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




adding a moving painting to your blog's sidebar.

But sometimes you lot desire to a greater extent than command over the moving painting size or behaviour.  Eg, you lot may desire to accept 2 pictures real around each other too guarantee that they're the same size.

To create this, you lot demand to larn the HTML code for the picture, too and thus pose it into your spider web log equally an HTML-gadget.  Fortunately, Blogger's Post-editor arrive real 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 release this:  it's simply a work-area)

2  Don't move into whatever text:   simply operate the Picture icon on the toolbar to add a picture.   Blogger volition prompt you lot to upload the picture, or to lead it from a Google-album-archive or to move into 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 exhibit you lot the HTML code for displaying the picture, equally it is gear upward to display inwards the Post (depending on the picture-settings you've chosen, it may hold out centered or right/left aligned, too the size may vary).

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.

Return to the listing of posts:  you lot may hold out asked if you lot desire to move out the page without saving - the answer is Yes.  Or you lot may accept a novel draft-status post, which you lot tin delete.



Job Done!   You at in ane lawsuit accept 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 postal service that you lot are editing inwards a split upward window, or into a totally unlike tool.



Related Articles

Stopping pictures on your spider web log from beingness "clickable"

Inserting a Picture into a spider web log Post.

Putting 3rd political party HTML into your blog

Center-align the gadgets on your blog

Hosting pictures exterior of Google / Picasa

Inserting a moving painting into your spider web log equally a gadget

Popular posts from this blog

Putting a badge for a Facebook Page into your Blog

How to edit your Theme inward Blogger

Saving a shipping if Blogger's Publish push doesn't work