Friday, June 18, 2010
Templates
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
<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 + "feeds/posts/default"' 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>
<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='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>
<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>
Subscribe to:
Post Comments (Atom)
15 comments:
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 125x125 image ads in Adsense.
:( it could be nice , thanks anyway, Imma give this template a try !
Cool! You really did the conversion nice and clean... I'm sure many would like to use this design in their own blog.
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.
Also you may turn your attention on outsourced microsoft software development.
Don't you have any free theme for Drupal platform?
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.
Thank you a bunch for sharing this with all of us you really understand what you are speaking approximately! Home Insurance Riverside, CA
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