Releasing Urban Elements | A "WordPress to Blogger" theme

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=’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

<div id=’sideads’ style=”>
<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>

10 Replies to “Releasing Urban Elements | A "WordPress to Blogger" theme”

Leave a Reply

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

CommentLuv badge

This site uses Akismet to reduce spam. Learn how your comment data is processed.