Blogger Templates: Gotham Nights

Gotham Nights is a gorgeous dark Blogger template. It was originally designed as free Wordpress theme by Evan Eckard and I've converted it to Blogger.

Features: dark, two columns, fixed width, top menu, black, search.

• Live demo


• Download »

Blogspot Tutorial: How to Add Adsense Ads Below Header

Inserting Adsense code in your Blogger-Blogspot header can be really beneficial. When a visitor comes to your site, he or she will definitely look at your header and then it's your turn to cash that first look. Just follow the steps below.

Lets Do Some Coding Work!

1- Go to Design and then Edit HTML tab.

2- Backup your current layout.

3- Don't check Expand Widget Templates.

4- Find the code given below. You can find it just after </head> tag:

<div id="header-wrapper">
<b:section class="header" id="header" maxwidgets="1" showaddelement="no">
<b:widget id="Header1" locked="false" title="Blogger FAQs(Header)" type="Header">
</b:widget>
</b:section></div>

The above code could be a little different but you'll definitely find a similar code in your template. If you're totally confused then feel free to ask for help.

6- In the above code change maxwidgets="1" to maxwidgets="2". Also change showaddelement="no" to showaddelement="yes" and save your template.

7- Now go to the Page Elements tab and there you'll see that you can add another widget in your header.

8- Insert your Adsense code there and make more money.

Wanna Support Beta Templates?

Beta Templates have been helping folks for a while now without asking anything in return. However, if you wanna help us then simply add our link anywhere in your blog. Instructions for adding link can be found at the bottom of this page.

Blogspot Tutorial: How to Remove Labels Post Count

This is a really simple tutorial. I've seen a lot of people wanted to know how they can remove the "Labels Post Count". Just follow these simple steps.

Steps:

1- Make sure you've added the labels widget in your blog.

2- Go to Edit HTML tab.

3- Click on Download Full Template link to backup your template.

4- Then check the Expand Widget Templates.

5- Now search for the following line of code and delete it.

<span dir='ltr'>(<data:label.count/>)</span>

6- Whoa! You're done in a flash, just save your template and enjoy the results.

Love Us? Support Us!

If you want to promote Beta Templates, feel free to give us a back link. The instructions are given at the bottom of this page.

How to Hide or Remove the Blogger Navbar

There is a navbar present at the top of every Blogger-Blogspot blog. By default, there is no option to remove it. But if you want to do so then here is a simple tutorial.

Update: This tutorial has been updated on 21st Jan, 2012.

Steps to Remove or Hide the Blogger Navbar

1. Open the Template section.

2. Click the Edit HTML button.

3. A new window will open. You'd have to click the Proceed button to start editing.

4. Find the following code:

</head>

REPLACE the above code with this one:

<style>
.navbar {display: none !important;}
#navbar-iframe { display: none !important; }
</style>
</head>

5. Click Save template and then Close button.