This blog has moved here: www.bloggermint.com
Rethnaraj Rambabu Friday, June 18, 2010

Urban Elements Blogger TemplateToday I'm releasing another great theme, Urban Elements. It was originally designed by Press75.com for Wordpress users. I've converted it into Blogger. Blogger version of the theme comes with a customized Post Title font. It was possible to use fonts other than default Blogger fonts with the help of Google Font API. You can read further about it in my previous post, add new fonts to Blogger Blogs with Google Web Fonts.





Some other unique features of this theme are multi-level drop-down menu and four 125 X 125 ads slots.

Customizing the theme

1. Navigation bar
<div id='navigation'>
<ul id='nav'>
<li class='page_item'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li class='page_item page-item-51'><a href='#' title=''>About</a></li>
<li class='page_item'><a href='#' title='Categories'>Categories</a>
<ul>
<li class='cat-item cat-item-3'><a href='#' title=''>Category 1</a></li>
<li class='cat-item cat-item-4'><a href='#' title=''>Category 2</a>
<ul class='children'>
<li class='cat-item cat-item-8'><a href='#' title=''>Sub Category 1</a></li>
<li class='cat-item cat-item-8'><a href='#' title=''>Sub Category 2</a></li>
</ul>
</li>
<li class='cat-item cat-item-5'><a href='#' title=''>Category 3</a></li>
<li class='cat-item cat-item-1'><a href='#' title=''>Category 4</a></li>
<li class='cat-item cat-item-6'><a href='#' title=''>Category 5</a>
<ul class='children'>
<li class='cat-item cat-item-7'><a href='#' title=''>Sub Category 1</a></li>
<li class='cat-item cat-item-9'><a href='#' title=''>Sub Category 2</a></li>
</ul>
</li>
</ul>
</li>
<li class='page_item'><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Subscribe'><img class='headrss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSIFDBYWlVQqwvGcHFjVfo8A8XhCLWl8xjIYVNNx_AQ07alo38M9nIxCcp7d5rYc56HNK6m4c7neadwnXchKc6K006x2tN6UJioDwMLSt_WQHs_wjBah9pMMs7qYRmS4qHghfuRw_o8ns/'/>Subscribe</a></li>
<li class='page_item page-item-51'><a href='#' title=''>Contact</a></li>
</ul>
</div>

2. Ads slots
<div id='sideads' style=''>
<a href='http://introblogger.blogspot.com/' target='_blank' title='Ads'>
<img alt='Ads' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBrwdLa4fPIkBFrKvt99berDK8uMjhPCka76vXbSTWhVJocpwKKAg4eHxAT-e_3bHJcAYqxKnAzKmAms2ws1OMBwcMh6A5rmoc48GVpy3-1DGC773cK-37BxAkxnpZPQyq-g9lwOP4Qxw/'/>
</a>

<a href='http://introblogger.blogspot.com/' target='_blank' title='Ads'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBrwdLa4fPIkBFrKvt99berDK8uMjhPCka76vXbSTWhVJocpwKKAg4eHxAT-e_3bHJcAYqxKnAzKmAms2ws1OMBwcMh6A5rmoc48GVpy3-1DGC773cK-37BxAkxnpZPQyq-g9lwOP4Qxw/'/>
</a>

<a href='http://introblogger.blogspot.com/' target='_blank' title='Ads'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBrwdLa4fPIkBFrKvt99berDK8uMjhPCka76vXbSTWhVJocpwKKAg4eHxAT-e_3bHJcAYqxKnAzKmAms2ws1OMBwcMh6A5rmoc48GVpy3-1DGC773cK-37BxAkxnpZPQyq-g9lwOP4Qxw/'/>
</a>

<a href='http://introblogger.blogspot.com/' target='_blank' title='Ads'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBrwdLa4fPIkBFrKvt99berDK8uMjhPCka76vXbSTWhVJocpwKKAg4eHxAT-e_3bHJcAYqxKnAzKmAms2ws1OMBwcMh6A5rmoc48GVpy3-1DGC773cK-37BxAkxnpZPQyq-g9lwOP4Qxw/'/>
</a>
</div>


15 comments:

Anonymous said...

Interesting post...
Thank you for sharing....Joomla Toronto

Unknown said...

This is great! Was waiting for someone to convert this. Hope you could also do Modern Clix!

Rethnaraj Rambabu said...

@Earl,

I've added Modern Clix into my "NEXTs" list..

Penggapaiyan cita-cita said...

can you tell me .....?

how make the read more......?
please.....

Rethnaraj Rambabu said...

Hi, read this..

http://buzz.blogger.com/2009/09/you-might-as-well-jump.html

Oscar said...

Hello ,

Is it possible to insert Adsense into the Ad slots ?

Rethnaraj Rambabu said...

@The Jackboyz, I don't think there are 125x125 image ads in Adsense.

Oscar said...

:( it could be nice , thanks anyway, Imma give this template a try !

custom build computers said...

Cool! You really did the conversion nice and clean... I'm sure many would like to use this design in their own blog.

Maternity clothes said...

It is so nice hearing that you could actually do the converting thing. You have done an excellent job and maybe you should be considering making a tutorial for it. I’ve always wanted to create mine also.

Joshua Smith said...

Also you may turn your attention on outsourced microsoft software development.

Homework Help said...

Don't you have any free theme for Drupal platform?

Joshua Smith said...

We're glad to know more and read about this. I'm happy to share with instantly insurance that is provided by common home insurance companies. Customer could save on auto instant insurance quotes which allow customers to apply for affordable cheap policy.

tabaco123 said...

Thank you a bunch for sharing this with all of us you really understand what you are speaking approximately! Home Insurance Riverside, CA

Loanoffer said...

Are you looking for quick an urgent loan with relatively low interest rate as low as 2%? We offer business loan, personal loan, home loan, auto loan,student loan, debt shortest time possible, contact our

specialist for advice and finance planning. If you need a quick loan contact us via Email

housingfinance22@gmail.com
Contact us on whatspp +447513195409
Mr Osman Ibrahim

Post a Comment

Copyright 2010 Introblogger
Designed by Rethnaraj Rambabu
Introblogger | The free blogging guide - Blogged Web Statistics