CSSReflex » Blogger Templates http://www.cssreflex.com The CSSReflex blog covers all of Tutorials, Design News, Web Development, Showcases, Freebies, WordPress Tutorials And Blogger Templates. Wed, 08 Sep 2010 02:51:13 +0000 en hourly 1 http://wordpress.org/?v=abc Blogger Template – 45 Degreeshttp://www.cssreflex.com/2009/05/blogger-template-45-degrees.html http://www.cssreflex.com/2009/05/blogger-template-45-degrees.html#comments Tue, 12 May 2009 02:54:35 +0000 Naeem Noor http://www.cssreflex.com/?p=260 45 Degrees is a WordPress theme by Designed by Igor Penjivrag. It is a simple, 2 column, minimal, widget enabled. Red, Black and White are the main colors used. Tested in Opera, Safari, IE6/7 and FireFox. It took a me two hours to convert it to blogger. It’s So hot in here that’s why converted it!!

45 degrees1 Blogger Template 45 Degrees

Info

Designer: Igor Penjivrag
Converted by: Naeem Noor (dat’s ME)
Theme tested in: IE6, IE7, Firefox, Safari and Opera. – Blogger Beta

Preview

Demo Here

Usage

!Before changing your template, don’t forget to backup your template and your widgets!

To edit navigation follow these steps → Login → Layout → Edit HTML → and find this code :
<div id="menu">
<ul>
<li><a href='/' >Home</a></li>
<li><a href='#' >Contact Me</a></li>
<li><a href='#' >page 1</a></li>
<li><a href='#' >page 2</a></li>
</ul>
Delete ‘#’ and replace with your target link, don’t forget to save your template.

Download

]]> http://www.cssreflex.com/2009/05/blogger-template-45-degrees.html/feed 7 Blogger Template – Classic XPhttp://www.cssreflex.com/2009/05/blogger-template-classic-xp.html http://www.cssreflex.com/2009/05/blogger-template-classic-xp.html#comments Sun, 03 May 2009 19:35:04 +0000 Naeem Noor http://www.cssreflex.com/?p=144 classic xp Blogger Template Classic XP

Hello Bloggers, good news for everyone as you know that i’ve redesigned my blog and bought a domain(cssreflex). So I’ve decided to release my old blogger template. It’s named as Classic XP.

Info

Designer: Naeem Noor
Theme tested in: IE6, IE7, Firefox, Safari and Opera. – Blogger Beta

Preview

Demo Here

How to use it

!Before changing your template, don’t forget to backup your template and your widgets!

To edit navigation follow these steps → Login → Layout → Edit HTML → and find this code :
<ul id='menu'>
<li class='page_item page-item-6 current_page_item'><a href='/' title='HOME'>HOME</a></li>
<li class='page_item page-item-2'><a href='#' >PAGE 1</a></li>
<li class='page_item page-item-2'><a href='#' >PAGE 2</a></li>
<li class='page_item page-item-4'><a href='#' >PAGE 3</a></li>
<li class='page_item page-item-5'><a href='#'>PAGE 4</a></li>
Delete ‘#’ and replace with your target link, don’t forget to save your template.

Tabs

Tabs are widgetized and self explanatory.

Download

]]> http://www.cssreflex.com/2009/05/blogger-template-classic-xp.html/feed 16 Blogger Template – Cosmo+http://www.cssreflex.com/2009/04/blogger-template-cosmo.html http://www.cssreflex.com/2009/04/blogger-template-cosmo.html#comments Sun, 12 Apr 2009 20:43:00 +0000 Naeem Noor http://www.wallheaven.com/cssreflex/?p=28 cosmo plus preview Blogger Template Cosmo+

Info

Designer: Digital Visions Queenstown Converted by: Naeem Noor Theme tested in: IE6, IE7, Firefox, Safari and Opera. – Blogger Beta

Preview

Demo Here

How to use it

!Before changing your template, don’t forget to backup your template and your widgets! To edit navigation follow these steps → Login → Layout → Edit HTML → and find this code :
<ul id='top-nav'> <li class='page_item page-item-2'><a href='#' title='About'>About</a></li> <li class='page_item page-item-55'><a href='#' title='page 1'>Page 1</a></li> <li class='page_item page-item-26'><a href='#' title='page 2'>Page 2</a></li> <li><a href='/feeds/posts/default' id='feed'>RSS Feed</a></li> </ul>
<ul id='bottom-nav'> <li><a href='/'>Home</a></li> <li class='page_item page-item-2'><a href='#' title='About'>About</a></li> <li class='page_item page-item-55'><a href='#' title='page 1'>Page 1</a></li> <li class='page_item page-item-26'><a href='#' title='page 2'>Page 2</a></li> </ul>
Delete ‘#’ and replace with your target link, don’t forget to save your template.

Changing the Logo

To change the logo image to your own, replace the logo.gif with your own logo. PSD file included in the package.

Download

]]> http://www.cssreflex.com/2009/04/blogger-template-cosmo.html/feed 15 Blogger Template – Blueprinthttp://www.cssreflex.com/2009/04/blogger-template-blueprint.html http://www.cssreflex.com/2009/04/blogger-template-blueprint.html#comments Wed, 01 Apr 2009 07:48:00 +0000 Naeem Noor http://www.wallheaven.com/cssreflex/?p=25 blueprint blogger template Blogger Template Blueprint

Info

Designer: Joshua Sowin Converted by: Naeem Noor IE 6 & 7 | Firefox 2 & 3 | Safari – Blogger Beta Demo Here

How to use it

!Before changing your template, don’t forget to backup your template and your widgets! To edit navigation follow these steps → Login → Layout → Edit HTML → and find this code :
<!-- Navigation --> <div class='column span-12 first large' id='nav'> <div class='content'> <ul> <ul> <li class='current_page_item first'><a href='/'>Home</a></li> <li><a href='#' >Contact Me</a></li> <li><a href='#' >page 1</a></li> <li><a href='#' >page 2</a></li> <li><a href='/feeds/posts/default'>RSS Feed</a></li> </ul> </ul> </div> </div> <!-- End Navigation -->
Delete ‘#’ and replace with your target link, don’t forget to save your template. Update: –Fixed Comments Problem.

Download

]]> http://www.cssreflex.com/2009/04/blogger-template-blueprint.html/feed 16 Blogger Template – Falling Dreamshttp://www.cssreflex.com/2009/03/blogger-template-falling-dreams.html http://www.cssreflex.com/2009/03/blogger-template-falling-dreams.html#comments Thu, 26 Mar 2009 10:10:00 +0000 Naeem Noor http://www.wallheaven.com/cssreflex/?p=22 falling dreams blogger template Blogger Template Falling Dreams

Info

Designer: Razvan Teodorescu
Converted by: Naeem Noor
IE 6 & 7 | Firefox 2 & 3 | Safari – Blogger Beta
Demo Here

How to use it

!Before changing your template, don’t forget to backup your template and your widgets!

To edit navigation follow these steps → Login → Layout → Edit HTML → and find this code :
<div id='menu-background'>
<ul id='menu'>
<li><a href='/' title='Home'>Home</a></li>
<li><a href='#' title='About'>About</a></li>
<li><a href='#' title='Photos'>Photos</a></li>
<li><a href='#' title='Links'>Links</a></li>
<li><a href='#' title='Contact'>Contact</a></li>
</ul></div>
Delete ‘#’ and replace with your target link, don’t forget to save your template.

Download

]]> http://www.cssreflex.com/2009/03/blogger-template-falling-dreams.html/feed 8 Blogger Template – Andreahttp://www.cssreflex.com/2009/03/blogger-template-andrea.html http://www.cssreflex.com/2009/03/blogger-template-andrea.html#comments Wed, 11 Mar 2009 20:24:00 +0000 Naeem Noor http://www.wallheaven.com/cssreflex/?p=21 andrea blogger template Blogger Template Andrea

Info

Designer: Lucian Marin
Converted by: Naeem Noor
IE 6 & 7 | Firefox 2 & 3 | Safari @ Blogger Beta
Preview Here

How to use it

!Before changing your template, don’t forget to backup your template and your widgets!

To edit navigation follow these steps → Login → Layout → Edit HTML → and find this code :
<!-- MENU-->
<div class='group' id='menu'>
<div class='corner-TL'/> <div class='corner-TR'/>
<ul>
<li><a href='#' >Home</a></li>
<li><a href='#' >Contact Me</a></li>
<li><a href='#' >page 1</a></li>
<li><a href='#' >page 2</a></li>
</ul>
<div id='feed'><a href='/feeds/posts/default'>RSS Feed</a></div>
<div class='corner-BL'/> <div class='corner-BR'/>
</div>
<!-- END MENU-->

Delete ‘#’ and replace with your target link, don’t forget to save your template.

Download

]]> http://www.cssreflex.com/2009/03/blogger-template-andrea.html/feed 8