ThemeLib logo
  • Home
  • Blogger
    • Blogger Templates
    • Blogger Tutorials
    • Blogger Widgets
  • Wordpress
    • Wordpress Themes
    • Wordpress Plugins
    • Wordpress Tutorials
  • Money Makers
  • About
  • Contact
  • Advertise
Home » Blogger Templates

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 ? :D )

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

DEMO | 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! :D

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.

  • E-mail this story to a friend!
  • Print this article!
  • Digg
  • StumbleUpon
  • del.icio.us
  • Yahoo! Buzz
  • Technorati
  • Mixx

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!

Did you miss any of these related posts?

  • Windows Vista blogger template
  • Urban Artist dark blogger template
  • SunRays dark blogger template
  • RS10 Dark blogger template
  • iPhone blogger template

24 Responses to "Firebug blogger template"

  1. mharisuddin says:

    Very cool blogger theme bro.
    nice job!

    Reply to this comment »
    July 7, 2008 at 4:25 AM
  2. thinchhia says: Subscribed to comments

    hey this theme is cool can u make more dark blogger theme

    Reply to this comment »
    July 11, 2008 at 2:10 PM
    • nhc1987 says:

      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 ;)

      Reply to this comment »
      July 11, 2008 at 2:20 PM
  3. oktant says:

    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. :D

    Reply to this comment »
    July 22, 2008 at 9:29 AM
    • nhc1987 says:

      You need HTML/CSS knowledge to apply your own header :)

      Reply to this comment »
      July 22, 2008 at 10:25 AM
  4. Ken says: Subscribed to comments

    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.

    Reply to this comment »
    July 27, 2008 at 5:12 PM
  5. nhc1987 says:

    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.

    Reply to this comment »
    July 27, 2008 at 5:40 PM
    • Ken says: Subscribed to comments

      Hi nhc1987,

      Done! It worked perfectly.
      Thanks.

      Reply to this comment »
      July 28, 2008 at 1:53 PM
  6. Ken says: Subscribed to comments

    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.

    Reply to this comment »
    July 30, 2008 at 3:15 PM
    • nhc1987 says:

      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.

      Reply to this comment »
      July 31, 2008 at 4:28 AM
      • Ken says: Subscribed to comments

        Hi,
        How can I find this widget?

        Reply to this comment »
        July 31, 2008 at 9:42 PM
  7. nhc1987 says:

    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.

    Reply to this comment »
    August 1, 2008 at 2:27 AM
  8. The Friend says:

    @Ken

    … let us see your work. Please !

    Thanks

    The Friend

    Reply to this comment »
    August 2, 2008 at 10:43 AM
  9. Shah says:

    im using it right now

    Reply to this comment »
    August 11, 2008 at 4:57 PM
  10. Antonio says: Subscribed to comments

    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 :)
    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 :P ) 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 :P ) 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 ?
    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

    Reply to this comment »
    August 26, 2008 at 12:06 AM
    • nhc1987 says:

      You can hire me to do customization for your blog ;)

      Reply to this comment »
      September 10, 2008 at 2:21 PM
  11. mozilla says:

    this template has many useful tools, i like the social bookmark the most, downloading it right now :)

    Reply to this comment »
    September 12, 2008 at 4:03 PM
  12. rgturner says: Subscribed to comments

    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?

    Reply to this comment »
    September 24, 2008 at 6:45 PM
  13. Journal of Journey says:

    thanks for this blogger template, i’m using this and it’s awesome :)

    Reply to this comment »
    September 29, 2008 at 12:30 PM
  14. sw says:

    I like this too besides the arthemia one, i will use this for my personal blog while using arthemia for more serious writings.

    Reply to this comment »
    October 8, 2008 at 8:25 AM
  15. Alyssa says: Subscribed to comments

    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.

    Reply to this comment »
    October 8, 2008 at 10:36 PM
  16. Alyssa says: Subscribed to comments

    Don’t know how to make this show up right, but I meant: there is no div class = ’socialbar’ in the HTML.

    Reply to this comment »
    October 8, 2008 at 10:37 PM
  17. Sunil says:

    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.

    Reply to this comment »
    November 24, 2008 at 12:52 PM
  18. Tatang says:

    So cool . . . I like this template. Thanks

    Reply to this comment »
    December 25, 2008 at 12:07 AM

Leave a comment

Click here to cancel reply.

RSS feed

Feedburner RSS feed
Most articles on this site are related to blogger templates, wordpress themes, blog design, tips, tricks, and plenty of fun :)

Grab the feed or enter your email address to get the party started! It is FREE.

Search our archives

Categories

  • Blogger Hacks
  • Blogger Templates
  • Blogger Tutorials
  • Blogger Widgets
  • Blogging Tips
  • Favourite Links
  • Google News
  • Make Money Online
  • Personal
  • Reviews
  • Site News
  • Web Stuff
  • Wordpress News
  • Wordpress Plugins
  • Wordpress Themes
  • Wordpress Tutorials

Archives

  • January 2009 (2)
  • December 2008 (17)
  • November 2008 (15)
  • October 2008 (15)
  • September 2008 (11)
  • August 2008 (26)
  • July 2008 (27)
  • June 2008 (16)

Entrecard Blog

Featured Links

  • Joomla Templates
  • Domain Name Registration
  • Slightly mordant
  • Your links here, $10/month

Top Commentators

  • Alex (3)
  • Jacques Seoman (2)
  • Make Money (2)
  • Nihar (2)
  • norateignora (2)

Recent Posts

  • Revolution Themes Became Paid Themes with GPL License!
  • eGamer Wordpress Theme for Video Game Bloggers
  • Google Pagerank Update December 2008 - ThemeLib is now PR6!
  • Viewport Wordpress Theme from Smashing Magazine
  • 50+ “your ad here” 125×125 banners
  • Merry Christmas Everybody!
  • Simple Text Premium Wordpress Theme
  • Wordpress Theme Reviews and Ratings at ThemesPreview
  • How to Find Spam Blogs Republish Your RSS Feeds and Make Good Use Of It
  • Woo Themes Christmas Special - Buy One and Get Three Free!

Popular Posts

  • Arthemia magazine blogger template (290)
  • Google PageRank update September 2008 - My blog got PR5 (108)
  • Maggo magazine blogger template (80)
  • Personal Mag magazine blogger template (66)
  • Astro colorful blogger template (62)
  • White Space blogger template (60)
  • Google Pagerank Update December 2008 - ThemeLib is now PR6! (56)
  • SunRays dark blogger template (40)
  • Windows Vista blogger template (39)
  • Rebel magazine blogger template (38)
  • Revolution Themes Now Available to Download - FREE (37)
  • Link love to Top Commentators :) (36)

Recent Comments

  • nhc:Search for the code below and change it. body { font-family: Century gothi
  • nhc:You can link to your favorite posts, blog's labels or something you like. It do
  • nhc:I'm sure you did something wrong with the template
  • nhc:Thanks. I'm dreaming of a PR7 too :
  • Yoginder:Thats a very good achievement. All the best and get a P7 or more :
  • SBL BPO services:Good and nice post
  • nhc:$100 credit for FACEBOOK advertising!! Expires: 3/31/2009 KPEW-781J-8MP4-FEJ
  • Everyday Finance:Oddly, I updraded Everyday Finance to the arthemia template (which totally rock
Copyright
Links
© 2008 - 2009 ThemeLib. Some Rights Reserved. Arthemia Theme by MichaelJubel - Enhanced by ThemeLib
About Us | Contact Us | Advertise With Us | Hire Us | Terms of Service | Privacy Policies | RSS Feed | Email Subscription | Sitemap | Log In