How to create some unique and useful HTML elements for your blog?

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.

This is a tutorial about some of the elements I’ve inserted in my blog using HTML codes. I use blogger platform which can be customized in every way you want. The template I’m using is a free blogger template but I’ve customized it for a great outlook. By the way, I’m not a programmer. I have just learned those few codes while blogging.

I hope you will find them useful and please stumble and delicious it before you go. Please do ask me a question if you faced any trouble using them. Here they are,

Top tab
Most of the custom templates got a top tab where you can add your blog links like home, about page, contact page etc. If your template doesn’t have one, or you are using a classic template then create one. Here is the top tab of tamalanwar.com (by the way, I’ve changed the template, take a look)

Create a new HTML page element and insert this code,

<p>
<a href='http://yoursite.com/page1'>link1</a> |
<a href='http://yoursite.com/page2'>link2</a> |
<a href='http://yoursite.com/page3'>link3</a> |
<a href='http://yoursite.com/page4'>link4</a> |
<a href='http://yoursite.com/page5'>link5</a> |
</p>

Welcome note
You can see the welcome note of blogkori. To create this I’ve used only plain text and added some HTML’s for those links,

<p>
Some text <a href='http://yoursite.com/link1'>Link 1</a> some more text <a href='http://yoursite.com/link2'>Link 2</a> some more text.
</p>

Categories
Instead of “Labels” -I’ve created special categories of each tags so that it will look more professional. The url of each label is, http://blogkori.com/search/label/tutorials

If you want to control how many articles a category will show in the next page, add the extra code: http://blogkori.com/search/label/tutorials?max-results=5 -Add those categories one by one as a link list

Archives
If you want to show the monthly archive pages of your blogger blog, then add this address: http://blogkori.com/2008_11_01_archive.html -(2008_November_01) -Add this like a link list too.

Love Roll
An updated blog roll with author’s picture and a description as a tooltip. Read this article to know how I created this element .

Favicon
You can create a favicon of your blogger blog or any platform you use. Read this article: Add a Favicon in your blog
Removing the blogger navigation bar
You can remove the blogger navigation bar from blogger templates to make your blog look professional. Read this article: Removing the blogger navigation bar from a template

Social buttons on your articles
If you want to add delicious, stumble, digg buttons in your articles, check the tutorial page of Antonio’s woork blog.