Firebug blogger template
This entry was posted by nhc on Thursday, June 26th, 2008 at 3:18 am. It is filed under Blogger Templates and tagged with 2columns, 3columns, 4columns, ad box, black, colorful, dark, right sidebar.
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 
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.
You've read the post. What's next?
If you like this post then please consider subscribing to our RSS feed. You can also subscribe by email to receive free updates directly in your inbox.
Want to know what am I doing? Follow me on Twitter!
Very cool blogger theme bro.
nice job!
hey this theme is cool can u make more dark blogger theme
You can check out the tag “dark” on the right sidebar.
Of course I will convert more dark templates. Stay up to date with my blog and you will get them
hi, this template really cool.
I’ve used it at my blog.
Do you’ve any idea how
to create nice header?
Anyway, thanks for your
great templates.
You need HTML/CSS knowledge to apply your own header
Hi,
I think you have done a great job. I am testing this template now.
1-st point:
Can you please explain to me (if it is possible to do), how to make the social bookmarking section come before the labels section? I really don’t know whether this is even possible or not……..
2-nd point:
Can I delete the bookmarking section (where is the code?) and add a simple bookmark this button? I realize that you have mentioned it above….. maybe you have changed your mind?
Keep up the good work and thanks again for your time.
Hi Ken,
Searching for the text <div class=’post-footer-line post-footer-line-2′>,you will get the label section. Search for the text <div class=’socialbar’>, you will see the social bookmarking section.
Swap them if you want.
Hi nhc1987,
Done! It worked perfectly.
Thanks.
Hi nhc1987,
This is the nicest dark template I’ve ever seen. But I need to know what I can add to it to customize it.
1) Is it possible for me to add the blogger “READ MORE” expandable post link with this template?
2) Is it possible to add image or text ads Banner (468 x 60) to the top of first post? If it is possible, what code lines should I be looking for ?
My knowledge in playing around with code lines is very very limited. Your assistance is much appreciated.
1. Of course you can add READ MORE hack to this template.
2. You can add a HTML widget to the top of the body section then put the html code to this.
Hi,
How can I find this widget?
Hi Ken,
HTML widget is a very popular one. We use it when we want to insert some HTML code to our templates.
To add it, you need to be login, then choose “Add a page element”. A pop up window is opened, scroll down a bit to middle of the window you will see a widget named “HTML/Javascript”.
After added it to your sidebar with code like this <a href=’ad-link’><img src=’ad-image-source’></a>, you need to drag it to above your blog post.
That’s all.
Hope this help.
@Ken
… let us see your work. Please !
Thanks
The Friend
im using it right now
Hi there!
First of all: Absolutely Fantastic Template! Believe me. I´ve been searching for at least 6 month´s for a perfect template, and now i found it! I´ve even bougth mysekf a domain and migrated to wordpress because i coudn´t find a template that suited my needs. I found beautiful wordpress templates, but i think wordpress is really hard to use. So.. back on blogger.Again, fantastic work
) Is it possible ? Can you create a version of this template with only two collumns ? Another thing i´de like to change on your template, is the logo. I love it. I woudn´t mind keeping it ( except the part another wordpress theme 
) but i would also love to have my blog title on it. How can i put my blog title on the top of my blog ?
I´ve some questions for you. I love two collumn templates. I like to have the maximum avaible space to create my posts and insert photos. Can you explain me how can i change the code ( I´m an absolute invalid guy when it comes to anything that has to do with html, or any kind of cumputer languages
Another question: Thoes link´s you have just bellow the blog logo/title, is it possible on blogger to create a back page on my blog, for example, replace the link themelib with another that says “Photos” and it would like to a page where i could put my photos and write some text on it ? Is it possible ? Sorry for my probably dumm dumm questions! Again.. Thank You Thank You! Keep up the good work.
Antonio, Portugal
You can hire me to do customization for your blog
this template has many useful tools, i like the social bookmark the most, downloading it right now
Great template, but where can I find the ‘older.png’ and ‘newer.png’ files as I don’t appear to have them and the template asks m to insert my own links for them?
thanks for this blogger template, i’m using this and it’s awesome
I like this too besides the arthemia one, i will use this for my personal blog while using arthemia for more serious writings.
Hey there! This is a really great template. I’m setting it up right now. A few questions though: how do I remove the socialbar & replace it with Add this? There is no in the HTML (although it’s there when I view source).
Also, can I add a line of space between the end of each post and the line?
I’m also using a different image for RSS, and it is taller than the included RSS image. How can I change the template to accept something 32 x 32 pixels in that spot?
Thank you so much.
Don’t know how to make this show up right, but I meant: there is no div class = ’socialbar’ in the HTML.
Hello. Your site is just awesome. I liked your site very much. There is much for bloggers and wordpress people. I would surely use the template.
Keep it up.
Byee and have a nice day.
So cool . . . I like this template. Thanks