Uniqx Free Premium Blogger Template

Today, I’m releasing another free premium blogger template, Uniqx. Uniqx is a free premium blogger template with 2 columns, right sidebar, rounded corners, footer columns, custom fonts and abstract.

Unique Features

Custom Web Fonts

Custom Fonts for header and post title- I’ve used custom web fonts ( ‘Chunk’ and ‘Steinem’ ) from Kernest.com.

Unique Navigation Menu

Unique Navigation Menu- I tried to apply ‘tag cloud’ like look for the navigation menu. But, the links font size will not be varied according to it’s frequency as in Tag Cloud. I just tried to make the navigation menu unique and different from the “standard’ horizontal or vertical menus.

Welcome Text

Welcome text below header- Here you can write anything about you, your blog, welcome messages or announcements. The welcome text only appears in home page. In post/static pages, it will show “You are reading {current-post-title}”.

Accordion Style Sidebar

Accordion style sidebar- This is the unique feature which reflects the name of the template “Uniqx”. Thanks to Abu Farhan for the great javascript code. I’ve hosted the javascript in Google Codes. You can host it in your own server or account if you want. Here is the download link for the Javascript file.

Editing Instructions

1. Navigation Menu

<div id='nav'>
 <ul>
 <li class='home'><a expr:href='data:blog.homepageUrl'>Home</a></li>
 <li><a class='edit' href='#'>About</a></li>
 <li><a class='edit' href='#'>Category 1</a></li>
 <li><a class='edit' href='#'>Category 2</a></li>
 <li><a class='edit' href='#'>Category 3</a></li>
 <li><a class='edit' href='#'>Category 4</a></li>
 <li><a class='feed' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>RSS Feed</a></li>
 <li><a class='edit' href='#'>Contact</a></li>
 </ul>
</div>

2. Welcome text

This is the code for the Welcome Text which only appears in home page. You can replace the default text with your own. But, make sure that you text is between the <h1> … </h1> tags.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
 <h1>Hi! I&#39;m <strong>Rethnaraj Rambabu</strong>, author of <strong>Blogger Bits</strong>. Thank you for visiting my blog.</h1>
</b:if>

3. Read more edit

The default Blogger Read More text comes with European/Spanish style double angle quote mark like this, ” Read More » “. The double angle quote will clash with the arrow image in the template. To remove the » , go to Design > Page Elements. Click “Edit” in the “Blog Posts” area. A new pop-up window will open and change the read more text there.