Logo of Hobbyathletes.com Logo of Hobbyathletes.com

How to insert a photo into your article or blog?

written by Edwin Krause on August 24, 2016 (viewed 149 times)

Our Editor enables you to insert photos into your blog in 3 different formats:

1. No Alignment (standard): The photo will be displayed with a width of 100% of your article. The text is above and below the photo of the position you inserted it.
2. Left Alignment: The photo is displayed on the left side with a width of 40% of the article. Your text floats around it on the right side and below
3. Right Alignment: The photo is displayed on the right side with a width of 40% of the article. Your text floats around it on the left side and below 

Lets get started: In the header of the Editor you find a button called "Insert/Edit Image". Click on it.

Finding the Insert Image button

Although there are plenty of option to configure, let's focus on the important options we need to fill.

The most important is the image URL. The image you insert needs to be available on the internet already and you need to have the URL. THe easiest way to get the URL to an image is explained below in the Tips and Tricks section.

The general tab of Insert/Edit Image

Once you leave the field Image URL with your cursor, The preview should show the photo you're trying to insert. If not, then your URL is incorrect.

Image Description and Title fields are optional. Image Description is important for SEO purposes and the Title is shown when you hover over the photo with the mouse. If you leave both fields empty you a warning message will be displayed after you press insert, which you can confirm and ignore.

Positioning of the photo:

If you don't make any further configurations, the photo will be displayed as descriped on top of this artice as "No Alignment (standard)". In order to change this, you need to open the "Appearance" tab. 

Alignment of the photo

You may choose either of the following Alignment options: Left or Right or if you want the Standard behaviour choose --Not Set--

Final step is to click the Insert button and that's it!