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 2 pictures real roughly each other as well as guarantee that they're the same size.
To produce this, you lot demand to larn the HTML code for the picture, as well as therefore set it into your weblog equally an HTML-gadget. Fortunately, Blogger's Post-editor larn inwards real slow to produce this without writing the code yourself.
2 Don't larn inwards whatever text: merely role 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 larn 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, equally it is gear upward to display inwards the Post (depending on the picture-settings you've chosen, it may locomote centered or right/left aligned, as well as the size may vary).
4 Copy the HTML.
5 Switch dorsum to Compose, so that you lot don't larn confused the side past times side fourth dimension you lot edit a post.
6 Return to the listing of posts: you lot may locomote asked if you lot desire to exit the page without saving - the respond is Yes. Or you lot may convey a novel draft-status post, which you lot tin delete.
Job Done! You instantly 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 postal service that you lot are editing inwards a split upward 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 painting demo into your weblog equally a gadget
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 2 pictures real roughly each other as well as guarantee that they're the same size.
To produce this, you lot demand to larn the HTML code for the picture, as well as therefore set it into your weblog equally an HTML-gadget. Fortunately, Blogger's Post-editor larn inwards real 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 merely a work-area)2 Don't larn inwards whatever text: merely role 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 larn 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, equally it is gear upward to display inwards the Post (depending on the picture-settings you've chosen, it may locomote centered or right/left aligned, as well as the size may vary).
4 Copy the HTML.
5 Switch dorsum to Compose, so that you lot don't larn confused the side past times side fourth dimension you lot edit a post.
6 Return to the listing of posts: you lot may locomote asked if you lot desire to exit the page without saving - the respond is Yes. Or you lot may convey a novel draft-status post, which you lot tin delete.
Job Done! You instantly 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 postal service that you lot are editing inwards a split upward 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 equally a gadget
0 comments:
Post a Comment