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

Make Your Post Title Appear Before Your Blog Title in the Search Engine

Some SEO experts recommend that our blog’s post title be indexed first by search engines before the blog title. In order to this, a simple reconfiguration on the HTML templates can be made. Though not quite sure, I made this changes on my other blog and have seen traffic improvements.  How I did this? 

Simply go to your blogger dashboard and proceed to HTML editor. Check the expand widget template and search for the code below (You may use CTRL+F to search for this): 

<title><data:blog.pageTitle/></title> 

And replace with this the code: 

<b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if> 

Then save the template. It will take minutes or hours to take effects.

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">.

.