Today 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
<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 + "feeds/posts/default"’ title=’Subscribe’><img class=’headrss’ src=’http://2.bp.blogspot.com/_b8IA1ajBJG8/TBoCmcgoINI/AAAAAAAABHc/8zHrxkbrdXE/rss.png’/>Subscribe</a></li>
<li class=’page_item page-item-51′><a href=’#’ title=”>Contact</a></li>
</ul>
</div>
2. Ads slots
<a href=’http://introblogger.blogspot.com/’ target=’_blank’ title=’Ads’>
<img alt=’Ads’ src=’http://1.bp.blogspot.com/_b8IA1ajBJG8/TBoCXdsnF6I/AAAAAAAABGk/LLdeAYVRUFI/125.jpg’/>
</a>
<a href=’http://introblogger.blogspot.com/’ target=’_blank’ title=’Ads’>
<img alt=” src=’http://1.bp.blogspot.com/_b8IA1ajBJG8/TBoCXdsnF6I/AAAAAAAABGk/LLdeAYVRUFI/125.jpg’/>
</a>
<a href=’http://introblogger.blogspot.com/’ target=’_blank’ title=’Ads’>
<img alt=” src=’http://1.bp.blogspot.com/_b8IA1ajBJG8/TBoCXdsnF6I/AAAAAAAABGk/LLdeAYVRUFI/125.jpg’/>
</a>
<a href=’http://introblogger.blogspot.com/’ target=’_blank’ title=’Ads’>
<img alt=” src=’http://1.bp.blogspot.com/_b8IA1ajBJG8/TBoCXdsnF6I/AAAAAAAABGk/LLdeAYVRUFI/125.jpg’/>
</a>
</div>
Interesting post…
Thank you for sharing….Joomla Toronto
This is great! Was waiting for someone to convert this. Hope you could also do Modern Clix!
@Earl,
I've added Modern Clix into my "NEXTs" list..
can you tell me …..?
how make the read more……?
please…..
Hi, read this..
http://buzz.blogger.com/2009/09/you-might-as-well-jump.html
Hello ,
Is it possible to insert Adsense into the Ad slots ?
@The Jackboyz, I don't think there are 125×125 image ads in Adsense.
🙁 it could be nice , thanks anyway, Imma give this template a try !
hi mate thanks , wonder if you could help me the sidebar bottom image keep going to post side on main page any fix for it
Hi mate, I think the problem will be automatically solved when you start to post. If it doesn’t work, provide me the URL of the blog which you’re using the template. I’ll try to solve.