This article explains how to role Blogger's Post Editor to larn the HTML code that yous demand to seat a motion painting into your sidebar (or header or footer, or anywhere else a gadget tin go).
adding a motion painting to your blog's sidebar.
But sometimes yous desire to a greater extent than command over the motion painting size or behaviour. Eg, yous may desire to bring ii pictures rattling around each other in addition to guarantee that they're the same size.
To produce this, yous demand to larn the HTML code for the picture, in addition to thence seat it into your weblog equally an HTML-gadget. Fortunately, Blogger's Post-editor larn inwards rattling slow to produce this without writing the code yourself.
2 Don't travel into whatsoever text: only role the Picture icon on the toolbar to add a picture. Blogger volition prompt yous to upload the picture, or to select it from a Google-album-archive or to travel into its URL: add the picture the agency that yous ordinarily would.
3 Switch to the HTML tab (top left of the editing window).
This present yous the HTML code for displaying the picture, equally it is laid upward to display inwards the Post (depending on the picture-settings you've chosen, it may hold out centered or right/left aligned, in addition to the size may vary).
4 Copy the HTML.
5 Switch dorsum to Compose, so that yous don't larn confused the adjacent fourth dimension yous edit a post.
6 Return to the listing of posts: yous may hold out asked if yous desire to exit the page without saving - the answer is Yes. Or yous may bring a novel draft-status post, which yous tin delete.
Job Done! You instantly bring some HTML code which yous tin paste into an HTML/Javascript gadget, or anywhere else that yous may demand it - fifty-fifty into some other postal service that yous are editing inwards a dissever window, or into a totally dissimilar tool.
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 motion painting into your weblog equally a gadget
But sometimes yous desire to a greater extent than command over the motion painting size or behaviour. Eg, yous may desire to bring ii pictures rattling around each other in addition to guarantee that they're the same size.
To produce this, yous demand to larn the HTML code for the picture, in addition to thence seat it into your weblog equally an HTML-gadget. Fortunately, Blogger's Post-editor larn inwards rattling slow to produce 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 e'er going to disclose this: it's only a work-area)2 Don't travel into whatsoever text: only role the Picture icon on the toolbar to add a picture. Blogger volition prompt yous to upload the picture, or to select it from a Google-album-archive or to travel into its URL: add the picture the agency that yous ordinarily would.
3 Switch to the HTML tab (top left of the editing window).
This present yous the HTML code for displaying the picture, equally it is laid upward to display inwards the Post (depending on the picture-settings you've chosen, it may hold out centered or right/left aligned, in addition to the size may vary).
4 Copy the HTML.
5 Switch dorsum to Compose, so that yous don't larn confused the adjacent fourth dimension yous edit a post.
6 Return to the listing of posts: yous may hold out asked if yous desire to exit the page without saving - the answer is Yes. Or yous may bring a novel draft-status post, which yous tin delete.
Job Done! You instantly bring some HTML code which yous tin paste into an HTML/Javascript gadget, or anywhere else that yous may demand it - fifty-fifty into some other postal service that yous 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 motion painting into your weblog equally a gadget