Firebug blogger template

BlogOhBlog has presented to us a very colorful and feature packed WordPress theme that has all the right ingredients to replace your current blog theme. It is called “Firebug“ . ( A question, does it relate to Firebug, an add-on for Firefox ? )

He released this wordpress theme on 21 June, I came across it on 24 June, and finally it’s available for blogger on 26 June

Firebug dark blogger template

Preview | Download

Main features

Two/Three/Four columns based on your customization
Built-in Search box
Built-in RSS posts feed and RSS comments feed
Space for 125×125 banner ads
Built-in social bookmarks

Install Firebug blogger template

Step 1. Change Blog’s Logo

Press Ctrl+F to find this line

http://i286.photobucket.com/albums/ll96/themelib/firebug/logo.gif

Change this link with your hosted logo link 387×72 pixels (not sure about hosting services ? Read this post)

Step 2. Change the Navigation bar

Press Ctrl+F to find these lines and change them if you want

<ul>
<li><a expr:href=’data:blog.homepageUrl’>Home</a></li>
<li><a href=’http://themelib.com’>ThemeLib</a></li>
<li class=’rsslink’><a href=’http://feeds.feedburner.com/Themelib‘>{RSS}</a></li>
</ul>

Step 3. Change Author information + Ads boxes in Sidebar

Find these lines and change them

<div class=’boxes’>
<h2>Author</h2>
<p>A little something about you, the author. Nothing lengthy, just an overview. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
</div>

and

<div class=’boxes’>
<h2>Advertising</h2>

<a class=’ads’ href=’http://www.widgetbucks.com/home.page?referrer=2374010‘> <img alt=’Ad’ border=’0′ src=’http://images.widgetbucks.com/images/referral/125×125_A.gif‘/> </a><a class=’ads’ href=’http://themelib.com‘><img alt=’Ad’ border=’0′ src=’http://i286.photobucket.com/albums/ll96/themelib/firebug/ad.gif‘/> </a><a class=’ads’ href=’http://themelib.com‘><img alt=’Ad’ border=’0′ src=’http://i286.photobucket.com/albums/ll96/themelib/firebug/ad.gif‘/> </a></div>

Of course, if you don’t need Author information and/or Ads boxes, feel free to delete them.

Step 4. Change RSS feed links (optional)

Press Ctrl+F to find these lines

<div class=’boxes’>
<h2>Subscribe</h2>
<a class=’rss’ expr:href=’data:blog.homepageUrl + “feeds/posts/default”‘ rel=’alternate’ type=’application/rss+xml’>Subscribe via RSS</a> | <a expr:href=’data:blog.homepageUrl + “feeds/comments/default”‘>Comments (RSS)</a><br/><br/>
</div>

You can ignore this section as default or redirect them to Feedburner. If you want to change to Feedburner, please read the post Mange your feed with Feedburner

Firebug Blogger Template comes under a Creative Commons License. This means it is free to use on your blog as long as the credit link in the footer is kept intact. I hope everyone enjoys this theme and please don’t forget to leave comments as they are precious!

P/s: I am really annoyed with social bookmark code of this template. I did more than ten times to convert it from wordpress (html + php code) to blogger (html + blogspot code)

Want to try this ? Here is a part of the code (please do not see the answer below if you do want to try )

<div class=”socialbar”>
<p><strong><span>Submit Article :- </span></strong>
<a href=”http://blinklist.com/index.php?Action=Blink/addblink.php&Description=<?php the_title() ?>&Url=<?php the_permalink() ?>” title=”BlinkList Submit” target=”_blank”> BlinkList</a> +
<a href=”http://blogmarks.net/my/new.php?mini=1&title=<?php the_title() ?>&url=<?php the_permalink() ?>” title=”Blogmarks” target=”_blank”>Blogmarks</a> +
<a href=”http://www.digg.com/submit?phase=2&url=<?php the_permalink() ?>&title=<?php the_title() ?>” title=”Submit Post to Digg” target=”_blank”>Digg</a> +
<a href=”http://del.icio.us/post?url=<?php the_permalink() ?>&title=<?php the_title() ?>” title=”Submit to Del.icio.us” target=”_blank”>Del.icio.us</a>
</p></div>

And the answer is

<div class=”socialbar”>
<p><strong><span>Submit Article :- </span></strong>
<a expr:href=’”http://blinklist.com/index.php?Action=Blink/addblink.php&Description=” +data:post.title+ “&Url=” + data:post.url’ title=”BlinkList Submit” target=”_blank”> BlinkList</a> +
<a expr:href=’”http://blogmarks.net/my/new.php?mini=1&title=” +data:post.title+ “&url=” + data:post.url’ title=”Blogmarks” target=”_blank”>Blogmarks</a> +
<a expr:href=’”http://www.digg.com/submit?phase=2&url=” + data:post.url + “&title=” + data:post.title’ title=”Submit Post to Digg” target=”_blank”>Digg</a> +
<a expr:href=’”http://del.icio.us/post?url=” + data:post.url + “&title=” + data:post.title’ title=”Submit to Del.icio.us” target=”_blank”>Del.icio.us</a>
</p></div>

I think we should choose Addthis as an alternative for those Social Bookmarks.