Friday, November 11, 2016

Get HTML Code to Put An Image in The Sidebar, Header or Footer of Your blog

You can use the editor post to get the HTML code, you have to place an image in the sidebar (or header or footer, or else you can go a gadget).

The gadget image is normal to add an image to the sidebar of your blog tool.

But sometimes you want more control over size or image behavior. For example, you may want to have two images very close to each other and ensure that they are the same size.

To do this, you need to get the HTML code from the image and then put it on your blog as an HTML gadget. Fortunately, the Blogger message editor makes it very easy to do without writing the code yourself.

Poster Editor use to generate HTML code for an image

1 Start a new Post (NB will never publish this: it is only a workspace)

2 Do not enter text: just use the image icon in the toolbar to add an image. Blogger ask you to upload the photo or choose a file from the album or enter Google URL:

Add the image as you normally would.

3 Go to the HTML tab (top left of the edit window).

This shows you the HTML code to display the image as configured to be displayed in the message (depending on the settings of the image you have chosen, can be centered or aligned right / left and the size can be vary).

4 Copy the HTML code.

5 Go back to Compose, do not confuse the next time you edit a publication.

6 Back to the list of publications: you can ask if you want to leave the page without saving - the answer is yes O can have a new draft state position, which can eliminate ..

I work accomplished! Now you have an HTML code in your memory that you can paste into an HTML gadget / Javascript, or nowhere else you might need, even in another publication that you edit in a separate window or in a completely different tool.




'; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + ''; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();