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

TEMPLATE - COSMO+

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

TEMPLATE - BLUEPRINT

Add Sexy Bookmarks to Blogger

Hello Fellow bloggers!


Good news for blogger.com users, now they can add the Sexy-bookmark wordpress plugin. by following these simple steps:

Now, Lets begin.

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

1. First of course go to your template editor and tick the 'Expand Widget Template'.

2. Put this code before </head>

<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;
position:relative;
width:540px;
}

div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('http://i44.tinypic.com/1znbj83.png') no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

</style>

3. Now Put the below code after <data:post.body/>

<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='sexy-syndicate'><a href='http://feeds.feedburner.com/naeemnur' title='Subscribe to RSS'/></li>


<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div>

Dont Forget to replace my feedburner id(naeemnur) with yours.
As for the wordpress users they can download the plugin here

you can see the demo below>

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

TEMPLATE - FALLING DREAMS

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

TEMPLATE - ANDREA