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

Last Updated on

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, https://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: https://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: https://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.

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.

13 thoughts on “How to create some unique and useful HTML elements for your blog?”

  1. Pingback: New To Blogging? 9 Useful (And Not So Obvious) Tips For Small Businesses « Siteducky’s Blog

  2. freeware review

    It is a complete guide for me to develop my blog,,, THANKS A LOT

    freeware review’s latest blog post..Rapidshare Auto Downloader 3.1

  3. hey nice post..i learned alot from this ut can u give me the html code for Quick degree finder ,so that i could paste it on my blog ..

    Assad’s latest blog post..The Polytechnical University of Kabul

  4. Hi, I like this post. By the way, that “sharing is sexy!” tool looks nice, where did you get it?
    .-= Roby´s last blog ..Cât de complexă poate fi o sfera? =-.

  5. Rapidshare Premium Link Generator

    This information is really usefull .You can get free Rapidshare,megaupload,hotfile Premium Link from this site rsplg.atspace.com

  6. Thanks for your helpfull information
    I have just started a new site. its to Generate Rapidshare, Megaupload, Hotfie depositfiles Premium Link e.g. it give you a direct download link from those sites.
    You are very welcome to see it and gives a opinion about it.

  7. i am just applying to change the category code, but it does not working. would you please provide me update code for blogger.

Leave a Comment

Your email address will not be published. Required fields are marked *