Quick Way To Add Alt and Title Tags

On the previous post, I have mentioned how to manually add alt and title image tags on the HTML codes. However  blogger platform has come up with a quick way to insert the tags on the codes. After the upload,  click on the image. Available  options will be visible at the bottom. Look for 'properties' and enter the alt and title texts on the provided form. See illustrations below.   

Bloglovin

Helpful HTML Codes

Sometimes I need to improve the appearance of the site. Although I’m not familiar with all the HTML codes, I’ve gathered here some of the useful HTMLs that I’ve been using.

<font size=”2”> to determine the font size </font>

<font face="Arial">example</font>

<!-- to write comment visible only to me -->

<div style="text-align: justify;"> to make text alignment  </div>

<p align="center"> to make paragraph alignment 

&nbsp    adding space in between

<br> line break

<hr> horizontal line

<img src="image.gif" width="40" height="40" border="0" alt="text to describe the image" /> to insert an image

<a href="http://www.domain.com/"> Domain name</a>       an anchor

<embed src="file.mid" width="100%" height="60" align="center"> to embed video or music or slide

<div style="background-color: cyan; text-align: center;"> to add background color

Blogging Tip: Using Alt and Title Tags

I’m not a SEO expert but I‘ve noticed that quite a number of visitors reached my other sites  through the HTML tags I’ve added on the image. Here’s a quick way to do it on a blogger platform.

On the HTML editor of your blog, look for the image code (img src) and  then insert alt and title tags with the right descriptions. (See the sample below)

<img src="image.jpg" alt="description of your image here" title="title of the your image here">.

.