Add a picture to the blog

To add a picture to your blog, it needs to be uploaded to the web. Unfortunately, it would be too heavy loading if everyone was able to upload all the pictures they wanted from their computer directly on to the server, which is why HTML is the only option. With HTML, it takes the picture from an URL, so the picture is already uploaded somewhere.

The easiest way to upload a picture and get an URL for it is to use a hosting service such as  Imgur to upload your pictures and get a link for them.

When you have uploaded your picture somewhere and have the URL for it, we need to add it to a HTML tag. The basic tag looks like this:

<img src="URL">

The URL which I marked red should be replaced with the actual link for your picture. Just make sure you keep the ” signs.

However, some pictures are bigger than the width of the blog, so we might need to adjust the size. 400 is a good width for the blog, but you can change it to another number and test if you want. If you want to change the size, you change the blue part.

<img src="URL" width="400">

Finally, if you want to have your picture centered in the blog, we need to add a final little thing to do that. In my opinion, it looks best if pictures are centered. A centered HTML image has this code:

<center><img src="URL" width="400"></center>

Once there is an URL in the HTML, it will display correctly. This is an example of a working HTML image source tag. The URL is marked red and the size is marked blue.

<center><img src="https://argaklara.com/wp-content/uploads/2015/08/IMG_7182.jpg" width="380"></center>

Please keep in mind you may only post pictures you own or have the permission to post. You may under no circumstances post a random picture from the internet if you don’t own it, due to copyright laws.

You can also add a link to the picture, like a clickable banner. The format for doing so would be like this. The image URL is marked red, size is marked blue, and the link you want people to go to when they click your picture/banner/button is green:

<center><a href="https://hungryforhits.com/?rid=1" target="blank"><img src="https://hungryforhits.com/getimg.php?id=1" width="400"></a></center>

You can copy the code above and replace the green link with whichever link you want people to visit if they click, and the red link with the banner image URL.

 

Click here to learn about the Social network and Blog.

Click here to learn about the RSS feed and Feed Readers.