Bloggerspan - Free Blogger Templates

Christmas in my heart

2009-12-12T00:27:00.000-08:00

Demo | Download

Christmas in my heart is a nice christmas themed free blogger template designed by ezwpthemes.com and converted to blogger by bloggerspan.blogspot.com .

Features :

2 columns
Right sidebar
Rss button
Social bookmarking icons
Fixed width
Widget ready
Tested and compatible with all major browsers

Lost Island - Blogger template

2009-12-10T03:02:00.000-08:00

Demo | Download

Lost island is a creative blogger template designed by wpthemesmaster.com and converted into blogger template by me .

Features :

2 columns
creative theme
Nature related theme
RSS button
Right sidebar
Fixed width

Aquasprite - blogger template

2009-12-08T23:06:00.000-08:00

Demo | Download

Aquasprite is adsense ready free Blogger template which comes with featured slideshow and much more

Features:

Featured slideshow
3 Columns
Fixed Width
Left/Right Sidebar
Widget ready
Adsense ready
Twitter ready
125x125 ad ready
Threaded Comments Ready
Automatic Thumbnails on posts
Automatic Post Summarize
PSD Custom Logo Included
Social Bookmarking Icons
Feedburner Email Subscription ready

Installation Guide :
This template is similar to my previous template Silverline , so read the installation instructions on this page.
Happy blogging :)

Silverline - Free Blogger template

2009-12-07T04:18:00.000-08:00

Demo | Download

Silverline, 3 columns free Premium Style Blogger template which comes with featured content slideshow, auto read more and much more.

Features:

3 Columns
Fixed Width
Left/Right Sidebar
Widget ready
Adsense ready
Twitter ready
125x125 ad ready
Threaded Comments Ready
Automatic Thumbnails on posts
Automatic Post Summarize
PSD Custom Logo Included
Social Bookmarking Icons
Feedburner Email Subscription ready

Installation Guide :
1 . Edit the top Navigation links :

Go to layout >> Edit HTML and find this code (make the "expand widget templates " option checked.)

<ul>
 <li><a href='YOUR-BLOG-URL' title='Home'>Home</a></li>
 <li ><a href='YOUR-BLOG-URL' title='About'>About</a></li>
<li ><a href='YOUR-BLOG-URL' title='Archives'>Archives</a></li>
<li ><a href='YOUR-BLOG-URL' title='Contact'>Contact</a></li>
<li ><a href='YOUR-BLOG-URL' title='Disclaimer'>Disclaimer</a></li>
<li ><a href='YOUR-BLOG-URL' title='Forum'>Forum</a></li>
<li ><a href='YOUR-BLOG-URL' title='Subscribe'>Subscribe</a></li>
<li ><a href='YOUR-BLOG-URL' title='History'>History</a></li>
<li ><a href='YOUR-BLOG-URL' title='Profiles'>Profiles</a></li>
 </ul>

Replace YOUR-BLOG-URL with your blog url's and change their anchor text .

2 . Edit the logo :
The logo *psd (photoshop) file is included in the download file. Open it with Photoshop and Edit the logo and Save it in .jpg format.
Next, upload that image to some image host like tinypic, photobucket,etc.. and get the image link to that file.
Help : Don't have photoshop ? or don't know how to edit the logo ? Leave a comment here with your site name.. I'll make it for you..

Find this code :

http://2.bp.blogspot.com/_PssOP4rSevU/SwbMCYZ-CbI/AAAAAAAABVg/dFAGQDbhd8U/s1600/logo.png

and replace it with your image url .

3 . Edit the Latest tweets :
Find this code

<div id='twitter'>
        <div id='twitter-inside'>

<div id='twitter_div'>
<h2 style='display: none;'>Twitter Updates</h2>
<ul id='twitter_update_list' style=' list-style-type: none;'/>
<a href='http://twitter.com/bloggerspan' id='twitter-link' style='display:block;text-align:right;'>follow me on Twitter</a>
</div>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/bloggerspan.json?callback=twitterCallback2&amp;count=1' type='text/javascript'></script>
        </div>

      </div>

Replace 'bloggerspan' with your twitter id.

4 . Edit Feed burner subscription :
Find this code

http://feedburner.google.com/fb/a/mailverify?uri=bloggerspan

and

http://feeds2.feedburner.com/bloggerspan

Replace 'bloggerspan' with your Feedburner id .

5 . Edit Social bookmarking links :
Find this code

<div class='share-list'>
            <ul>
<li><a href='http://YOUR-FEED-BURNER-URL.COM' target='_blank'>Subscribe</a></li>
<li><a href='http://digg.com/users/YOUR USERNAME' target='_blank'>Digg</a></li>
<li><a href='http://www.facebook.com/people/YOUR NAME' target='_blank'>Facebook</a></li>
<li><a href='http://YOUR NAME.stumbleupon.com'>Stumble It!</a></li>
</ul>
          </div>

          <div class='share-list2'>
            <ul>
   <li><a href='http://technorati.com/faves?add=http://YOUR-BLOG.BLOGSPOT.COM/'>Technorati</a></li>
<li><a href='http://twitter.com/YOUR NAME' target='_blank'>Twitter</a></li>
            </ul>
          </div>

and replace your id's accordingly.

6 . Featured content slide show :
Find this code

<div id='myGallery'>
  <!-- First Picture Start -->
  <div class='imageElement'>
   <h3>ENDGAM3: Blueprint for Global Enslavement</h3>
   <p/>
      <a class='open' href='http://bloggerspan.blogspot.com'/>

   <img alt='Marley And Me' class='full' src='http://demo.camelgraph.com/silverline/wp-content/uploads/a1.jpg'/>
     </div>
  <!-- First Picture End -->
   <!-- Second Picture Start -->
  <div class='imageElement'>
   <h3>New World Order&#039; Emerging At G-20 Summit</h3>
   <p/>
      <a class='open' href='http://bloggerspan.blogspot.com' title='Read more'/>

   <img alt='Crank:High Voltage' class='full' src='http://demo.camelgraph.com/silverline/wp-content/uploads/a3.jpg'/>
     </div>
  <!-- Second Picture End-->
   <!-- Third Picture Start -->
  <div class='imageElement'>
   <h3>Fall of the Republic</h3>
   <p/>
      <a class='open' href='http://bloggerspan.blogspot.com' title='Read more'/>

   <img alt='WATCHMEN - The Movie' class='full' src='http://demo.camelgraph.com/silverline/wp-content/uploads/a2.jpg'/>
     </div>
  <!-- Third Picture End-->
   <!-- Fourth Picture Start -->
  <div class='imageElement'>
   <h3>Illuminati : They All Around Us</h3>
   <p/>
      <a class='open' href='http://bloggerspan.blogspot.com' title='Read more'/>

   <img alt='Bedtime Stories' class='full' src='http://demo.camelgraph.com/silverline/wp-content/uploads/a4.jpg'/>
     </div>
  <!-- Fourth Picture End -->
 </div>

Replace these links with your images and links . you can easily see a pattern in these links.
If you face any problem ,leave a comment and i will solve it .

Hope you like it : )

Browny - Free Blogger template

2009-12-01T19:20:00.000-08:00

Demo | Download

Browny is modern and professional design free premium blogger template suitable for any niche.

Features:

125×125 pixels adbox ready
468×60 pixels Header Banner ready
Two columns
Twitter Ready
Social Networks sharing. No plugin required
Widgets Ready
SEO Optimized
Fixed width
Tested and compatible with all major browsers: IE, FF, Safari

Installation Guide :
1 . Edit the top Twitter link :

Go to layout >> Edit HTML and find this code (leave the "expand widget templates " option unchecked.)

http://twitter.com/bloggerspan

Replace Bloggerspan with your name

2 . Edit the top Navigation links :

Find this code in your template

<ul id='pagemenu'>
<li class='current_page_item'><a href='http://www.bloggerspan.blogspot.com'>Home</a></li>
<li class='page_item page-item-2'><a href='http://www.bloggerspan.blogspot.com' title='About'>About</a></li>
<li class='page_item page-item-6'><a href='http://www.bloggerspan.blogspot.com' title='Our Mission'>Our Mission</a></li>
<li class='page_item page-item-7'><a href='http://www.bloggerspan.blogspot.com' title='Experience'>Experience</a></li>
<li class='page_item page-item-9'><a href='http://www.bloggerspan.blogspot.com' title='Contact Us'>Contact Us</a></li>
      </ul>

you can easily see a pattern in the code , replace "http://www.bloggerspan.blogspot.com"
with your url and change their anchor text . If you face any problem then i will be here to help you.

3 . Edit the top 468×60 header banner :

Find this code

<div class='span-12 last' style='padding-top: 30px; text-align:right;'>
 <a href='http://www.bloggerspan.blogspot.com'><img src='http://i34.tinypic.com/14nh3l4.jpg'/></a>          </div>

Replace "http://www.bloggerspan.blogspot.com" and "http://i34.tinypic.com/14nh3l4.jpg" with your ad url and image respectively .
In case you don't want the ad then you delete the above code .

4 . Edit the Navigation links below header:

This one is similar with above navigation links modification .
Find this code

<ul id='nav'>
      <li class='current-cat'><a href='http://www.bloggerspan.blogspot.com'>Home</a></li>
       <li class='cat-item cat-item-3'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under Browsers'>Browsers</a>
</li>
 <li class='cat-item cat-item-4'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under Computers'>Computers</a>
</li>
 <li class='cat-item cat-item-1'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under Default'>Default</a>
</li>
 <li class='cat-item cat-item-5'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under Design'>Design</a>
</li>
 <li class='cat-item cat-item-15'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under Dev'>Dev</a>
</li>
 <li class='cat-item cat-item-6'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under General'>General</a>
</li>
 <li class='cat-item cat-item-16'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under Seo'>Seo</a>
</li>
 <li class='cat-item cat-item-17'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under Tutorials'>Tutorials</a>
</li>
 <li class='cat-item cat-item-21'><a href='http://www.bloggerspan.blogspot.com' title='View all posts filed under WordPress'>WordPress</a>
</li>
  
     </ul>

Replace "http://bloggerspan.blogspot.com" with your url's and their respective anchor tags and titles .

5 . Edit the 125×125 ads in the sidebar :
This one is a bit easy than others . find this code

<div class='sidebaradbox'>
 <a href='http://bloggerspan.blogspot.com/' target='_new'><img class='ad125' src='http://i38.tinypic.com/30tj5p2.jpg'/></a> 
 <a href='http://secure.hostgator.com/cgi-bin/affiliates/clickthru.cgi?id=Sandeepbg' target='_new'><img class='ad125' src='http://i36.tinypic.com/ctchg.jpg'/></a> 
 <a href='http://nic.cz.cc/index.php?ref=Sandeepbg' target='_new'><img class='ad125' src='http://nic.cz.cc/images/125x125_eng.gif'/></a> 
 <a href='http://themeforest.net?ref=Sandeepbg' target='_new'><img class='ad125' src='http://i37.tinypic.com/ka49a9.jpg'/></a>  
</div>

Replace codes with your links and their images.
That's all ,Happy blogging.
Any problems ? leave a comment and i will help you ASAP . :)

Galencia free blogger template

2009-11-21T07:53:00.001-08:00

Demo | Download

This eco-friendly blogger template is originally designed by Toptut.com and converted to Blogger by Sandeep (that's me!)

Installation Guide :

Back up your current template before installing any new template .

1. Edit the top Navigation links :

Go to layout >> Edit HTML and find this code (leave the "expand widget templates " unchecked.)

<div id='gradient'>

            <ul class='menu'>

                <li class='current_page_item'><a href='YOUR URL HERE' title='Free WP Theme'>Blog</a></li>

                <li class='page_item page-item-4'><a href='YOUR URL HERE' title='About'>About</a></li>

<li class='page_item page-item-25'><a href='YOUR URL HERE' title='Contact us'>Contact us</a></li>

            </ul>

            <div id='note'>

                <div id='simplegallery'/>

            </div>

        </div>

Replace 'YOUR URL HERE' with your url , and edit the respective anchor tags .

2 . Edit the Twitter ' Follow me ' link :

Find this code in your template

<div class='twitter' id='rss-links'>

        <p><a href='http://twitter.com/YOUR NAME HERE' title='follow me'>Follow me</a></p>

    </div>

Replace 'YOUR NAME HERE ' with your name .
If you dont use twitter , then remove the above code.

3. Edit Featured Photos showcase
Find this code in your template :

<script type='text/javascript'>
var mygallery=new simpleGallery({
 wrapperid: &quot;simplegallery&quot;,
 dimensions: [402, 285],
 imagearray: [
  [&quot;http://farm3.static.flickr.com/2692/4079647981_335422f26b_m.jpg&quot;, &quot;http://www.flickr.com/photos/bo_ahmad/4079647981/&quot;, &quot;_new&quot;, &quot;Balls of Water&quot;],
[&quot;http://farm3.static.flickr.com/2693/4120071895_1e91905567_m.jpg&quot;, &quot;http://www.flickr.com/photos/ceeeerdolpz/4120071895/&quot;, &quot;_new&quot;, &quot;Spider&quot;],
[&quot;http://farm3.static.flickr.com/2550/4120073045_ff410efe8e_m.jpg&quot;, &quot;http://www.flickr.com/photos/close2far/4120073045/&quot;, &quot;_new&quot;, &quot;Flower or cactus?&quot;],
[&quot;http://farm3.static.flickr.com/2654/4120838910_ff8ef1c80b_m.jpg&quot;, &quot;http://www.flickr.com/photos/27642571@N04/4120838910/&quot;, &quot;_new&quot;, &quot;Safety in Numbers&quot;],
[&quot;http://farm3.static.flickr.com/2712/4120061697_0afc27dc5e_m.jpg&quot;, &quot;http://www.flickr.com/photos/verawald/4120061697/&quot;, &quot;_new&quot;, &quot;Banana de pijama?&quot;] ],
 autoplay: [false, 2500, 2],
 persist: true,
 fadeduration: 500,
 oninit:function(){
  //Keyword &quot;this&quot;: references current gallery instance (ie: try this.navigate(&quot;play/pause&quot;))
 },
 onslide:function(curslide, i){
  //Keyword &quot;this&quot;: references current gallery instance
  //curslide: returns DOM reference to current slide&#39;s DIV (ie: try alert(curslide.innerHTML)
  //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
 }
})

</script>

Replace the RED colored line with your images and PURPLE colored line with your page url .
Edit the BLUE colored anchor texts with your desired titles/anchor texts.

4. Edit Date display settings:
Make sure you change your settings as shown below

That's it , hope you like it .
Any problem ? comment here and i will be always here to help you :)

Contact us

2006-11-05T19:01:00.000-08:00

Your Name :
Your Email :
Subject :
Message :
Image (case-sensitive):