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. Fri, 03 Feb 2012 13:23:02 +0000 en hourly 1 Blogger Template – 45 Degrees http://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

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 XP http://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

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/ 20 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

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/ 16 Blogger Template – Blueprint http://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

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/ 19 Blogger Template – Falling Dreams http://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

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 – Andrea http://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

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