You need to login first before you can download this exclusive template.

(Don't have an account yet?
Register for free!)

Blogger Template Info

Author: OZ
Views: 39,306
Downloads: 17,493
Added: Apr 13th, 2008
Rating:
Live Demo

Langit Template

Click to enlarge Langit Blogger template

Langit is the latest and coolest “make money” blog template to hit the scene here at eBlog Templates. It’s a very modern, web 2.0, 3 column, black and blue template with a ton of features including some never before used in a Blogger template! We really try to push the limits with our latest and greatest templates and know you’re going to love this one.

This template will work right out of the box but in order to personalize it just for you, it’s going to take some work. You’ll need to edit the template code which is usually for more experienced Blogger users but anyone is welcome to try of course. The difficulty level is a 9/10 so be prepared to sit down and spend some time setting this template up.

Features Include:

Several different types of highly optimized “Make Money” ad spots
Built-in FeedBurner rss and subscribe via email area
Top box displaying your 10 most recent posts (yes I said 10)
Calendar style date on each individual post
Header banner rotator
Dynamic top tabs so you can easily add them
Custom comments section
Live website traffic widget from FeedIt
And much more…

This is the first ever Blogger template that includes a very cool header banner rotator so you can randomly display several different banners in one spot! View the demo and try reloading the page a couple times to see it in action. There are four different banners sharing that spot.

Here’s a quick screenshot of how the comments section looks on this template. It’s very unique and not your boring Blogger-style look which makes the Langit template so special.

Let’s Configure this Template!

Ok, you’ve got your beverage of choice, a comfortable chair, and are now ready to setup this new template for your blog. We’re going to start from the top and work our way down and I advise you to make backups of your template along the way. Also, always remember to check the “expand widget templates” checkbox in the edit html window of Blogger otherwise you won’t see the entire template code. Let’s begin.

Step #1 – Setup Your Header Banner

The 468 x 60 header banner is a great spot to advertise and you’ll see this spot being used on many websites. The banner spot on this template is an HTML/Javascript widget so you can easily paste in whatever code you want. You actually have several options so choose the one that works best for you.

Option 1 – I don’t want to mess with the code now right now and can always come back later. Let’s keep the existing banners. This is also a good choice if you don’t have any banners to use at this time. If you don’t have any banners to use, I recommend signing up for at least one affiliate program like Text Link Ads, or LinkWorth which will give you banners. If you click on the banners in the demo, it will take you to the sites where you can sign-up.

Option 2 – I don’t like ads and want to remove it. Sure, just delete the widget from your blog.

Option 3 – I only have one banner and don’t want to use the banner rotator script. Ok, no problem. Just edit the banner widget and paste in your single banner code. It will automatically remove the banner rotator and replace it with your new banner.

Option 4 – I’ve got plenty of time and a few banners and want to set this thing up now. Perfect! In order for you to get your banners to work properly, you’ll need to run the javascript banner rotator script (you’ll need to have your banner images hosted somewhere before using the banner rotator script otherwise it won’t work) to give you the proper code and then just paste it into the banner widget box within your layout page. This will automatically remove the default banner rotator and replace it with your new banners.

Step #2 – Setup Your RSS Feed Using FeedBurner

Before moving forward, I recommend you first read our article on the basics of setting up FeedBurner for Blogger if you don’t already have an account. After you get your account up and running, you’ll need to edit the template code to update the FeedBurner section.

First, search your template code for id=”top_rblock” which is where you’ll find the FeedBurner code. Next, replace the “YOUR-FEED-NAME-HERE”, “YOUR-FEED-ID-HERE”, and “YOUR-BLOG-NAME-HERE” text with your FeedBurner provided info. You’ll also need to activate the email subscription feature within FeedBurner. (read the bottom part of the article describing where you get the code). There are a total of 4 places you need to update so make sure you got them all.

You’ll also want to add your own feed counter which shows the total number of subscribers you have. You’ll need to activate this first under “Publicize” –> “FeedCount” and then scroll down to click on “Activate”. Now you can change the colors and copy the code to use in your Blogger template. You’ll want to replace the following code in your template:

https://i254.photobucket.com/albums/hh92/eblogtemplates/langit/feed-counter.gif
with something that looks like this:
https://feeds.feedburner.com/~fc/myfeed?bg=99CCFF&fg=444444&anim=1

Now your feed count will automatically update whenever someone subscribes to your blog!

Step #3 – Add Top Tabs

This is pretty easy actually since the top tabs are generated via a link list. Just go into your Blogger layout page and click “edit” on the “top tabs” widget. There you can add as many tabs as you want. The “home” tab automatically appears so you don’t need to create one.

Step #4 – Setup Advertising Accounts

You’ll need to have the following 3rd party accounts setup if you want to make money and use this template as designed. The ads currently in this template are placeholders and will continue to work if you’d rather not hassle with setting up new accounts or changing the code so it’s up to you.

Google AdSense – Allows you to display highly targeted text advertisements for you to make money (create an AdSense account)
Chitika – Displays related products below each blog post. You get paid for each click! (create a Chitika account)

After you’ve got your advertising accounts all setup, you can move on and configure the ad sections in this template.

Step #5 – Configure AdSense Sidebar 336 x 280 Ad Unit

You’ll first need to be familiar with Google AdSense and how to setup a new ad before changing this code. Make sure to use the matching colors which will not only make it blend in with your blog but will also increase clicks. The color scheme is as follows: border & background: 44494D, text & url: FFFFFF, and title: D7DFF0. Once you’ve got your new 336 x 280 AdSense block of code, you’ll need to convert it using our Ad Code Converter.

Take the output of that and then replace the existing code in the template. To find the code in the template, search for “adsense code start”.

Step #6 – Configure Chitika 468 x 90 Ad Unit

This is the ad unit you’ll find right below each blog post. It’s called “Related Products” and is a great way to make money from your blog. Each time someone clicks on your link, you get paid! It’s a PPC program (pay per click) just like Google AdSense but it’s run by Chitika. Check out the template demo and see for yourself. Try clicking on any of the links and see where it takes you. Much different than Google AdSense.

chitika rpc

So after you’ve setup your account, you’ll need to create a new 468 x 90 Related Product Unit (RPU). You can generate the code by clicking on the “Get Code” tab within Chitika. Then it will walk you through creating an ad unit. You can even change the colors which we did on our ad unit (title: 2277DD) so it matches our site better.

Next, grab the code and then you’ll need to convert it using our Ad Code Converter. Take the output of that and then replace the existing code in the template. To find the code in the template, search for “chitika code start”.

Step #7 – Get Your Individual Post Date Stamp Working

Chances are when you first install this template your timestamp format won’t be set properly and you’ll see an “undefined” message instead of the post date. You’ll need to make one small change in your “Settings” => “Formatting” => “Timestamp Format” section before it will work. Change whatever you currently have to this format: “Sunday, April 13, 2008” and then save. Make sure you change the “Timestamp Format” which is the 4th one down. Your template should now work properly.

Ok, that pretty much covers everything you need to properly setup this template. Oh, one more thing. On some blogs, the header blog name title is too wide and ends up wrapping which doesn’t look so good. You can easily change that by going into your Blogger “Fonts & Colors” section and making your title size smaller. Another option is to just shorten your blog name but I don’t think you want to do that.

Credits

This template was originally designed for WordPress by Eches and converted to Blogger by GosuBlogger. eBlog Templates saw a lot more potential with the nice template and decided to take GosuBlogger’s initial conversion to the next level by optimizing and adding several new features to help you make more money with your site.

Revision History

4/13/08 – Fixed json entry.title.$t javascript error so the template now validates correctly in both IE and FF.
4/14/08 – Fixed another javascript error only affected in IE. It was the FeedBurner form action url. Also made the subscribe box a small pop-up window instead of a new browser page.

Ready to super charge your blog? Check out our professional premium blogger templates or make money by joining our blog affiliate program!

Want to make your blog stand out from the crowd? I recommend giving your newly downloaded Blogger template a unique and personalized look. Read our Free Blogger Header Images article and find yourself a great custom header image!

If you like this post then please consider subscribing to our eBlog Templates RSS feed. You can also subscribe by email and have new templates and articles sent directly to your inbox.

What's Next?

Trackbacks

Langit Blogger Templates For You | myfreepedia.com on February 23, 2009

120 Best Free Blogger Templates Around | Showcases | instantShift on March 8, 2009

42 Premium Blogger Templates For free | BLOGGER ONLINE on April 5, 2009

803 Responses to “Langit”

Andrew on Feb 24, 2009, 1:47 pm

This is undoubtedly the best free template I have ever laid my eyes on. I’ve uploaded it successfully to Blogspot and I have added my own Adsense box into the blog and things are going really well… except for my feed. Whenever somebody enters their email into the box it tells them that I do not have email subscriptions enabled, even though I do have them enabled. I followed the instructions on this page and the separate FeedBurner page, but I have gotten the results that I had just stated.

Site
——

wwww.epic-tech.blogspot.com

Thanks in advance.

David on Feb 24, 2009, 6:47 pm

@Book38, try again. I just made some fixes.

thevictor on Feb 25, 2009, 8:56 am

Can you kindly tell us how to remove the chitika ads ? The code is not showing up in the template html. How to remove it ?

David on Feb 25, 2009, 5:51 pm

@thevictor, you need to make sure and check the “expand widgets” box on the edit HTML page. Then you’ll see all the template code.

Yois Rivas on Feb 25, 2009, 6:21 pm

Please I need assistance to remove the Chitika Adds from the template …

I have tried expanding the Widget template and everything and I am not able to find the mentioned to be removed!!!

I successfully have set everything up nicely except for the feed because I had to replace the code with something else..

My blog is:

itmaker on Feb 26, 2009, 2:20 am

cool template 5/5 ..

tboxindonesia on Feb 26, 2009, 5:59 am

I have a problem with your blog template.
why can not applied in my blog?
I download “langit blogger”

Sylvia on Feb 26, 2009, 11:37 am

I’m loving this template, but I want to know when you’ll be making it in a different color. I’ve seen it at several places (which is how I found you) but I don’t want to have the same thing.

(Praying for a burgundy or dark red type) and if you could do the blog post with a read more thing instead of havign it list all on one site.

(praying)

(still praying)

Book38 on Feb 26, 2009, 10:27 pm

Man did you every make changes !!!

Aww David…..it looks so great!!! Simple to install no problems at all.

Now I have to get to work setting it up and adding content to it.

Just one question. How can you offer such “high quality” blog templates for free??

thevictor on Feb 27, 2009, 6:40 am

All right it’s visible that way 😀 Thanks a ton for such an awesome template.

I’ve got another problem though. The comments form is not showing up no matter what. Whenever I click on the “post comment” link it just pops down the page.

David on Mar 1, 2009, 3:27 pm

@Book38, good question. 🙂 I work a full-time job and create free templates on the side. Any tips are of course appreciated. I’m starting to create premium templates which cost $ but it’s a better product and better support.

wbaid on Mar 4, 2009, 4:33 pm

I downloaded the file but after i download and open the file i get this error

The XML page cannot be displayedCannot view XML input using style sheet. Please correct the error and then click the Refresh button, or try again later.——————————————————————————–The server did not understand the request, or the request was invalid. Error processing resource ‘http://www.w3.org/TR/xhtm…

Can you please let me know whats wrong. I even tried to upload it but it gives error. Please help.

jainy25 on Mar 5, 2009, 7:06 am

hello,

this is one of the best ones that I have ever found and used. I know the reason for you guys getting that Recent Comments error. Blogger is just screwing things up. I managed to fix that error myself. In any case, I really love this template.

I have modified it a bit on my blog – http://crick-o.blogspot.com

pushkar on Mar 8, 2009, 5:49 am

http://www.eblogtemplates.com/wp-content/uploads/2008/04/adsense-unit.png

i want to place 336 x 280 AdSense block of code but i don’t know where to place it in the template
i am not getting “adsense code start” in my template

krishnareddy on Mar 9, 2009, 1:45 am

I’m getting this information when tried to upload this template into my blog

////////////////////////////////////////////////////
We’re sorry, but we were unable to complete your request.

When reporting this error to Blogger Support or on the Blogger Help Group, please:

* Describe what you were doing when you got this error.
* Provide the following error code and additional information.

bX-si9ejx
Additional information
blogID: 9041736547968457969
host: http://www.blogger.com
uri: /html
////////////////////////////////////////////////////
Can you help me please

pistons125 on Mar 11, 2009, 7:31 pm

How would I replace the title of my blog with a banner that I created??

Anyone know? Thanks!

http://www.funnyinternetz.blogspot.com

Liyaqatali on Mar 17, 2009, 9:07 am

hi this is great full Useful
<a href=”http://liyaqatali.wordpress.com”Corporate logo identity

halı yıkama on Mar 21, 2009, 12:12 am

Thanks, perfect templates

realmadrid_rocks on Mar 25, 2009, 8:01 am

Hey everyone,
I just installed this template here and needed help with:

1.There are no labels showing up and no time stamps either.

2.When I click on comments it opens the post again and then I have to again click “Post a comment”,is there a shorter way possible? (I’m not much of a fan of Disqus :S )

3.Do you have any suggestions for placing rectangular boxes on the right side for adverts?Or any html/xml code that you could probably generate?

4.If you open my blog address then you see a search field on the header.How do I go about removing that completely and probably replacing it with an image or an Adsense?

Also,not related to this blog but any way to link adsense with the custom search feature in the template?I mean to earn with every search?

I have a huge question list.lol.
Thanks 🙂

AmieSugat on Mar 25, 2009, 9:15 am

@ Author: realmadrid_rocks

1.There are no labels showing up and no time stamps either. {You will have to edit the time stamp settings in three places and continue to refresh your screen until you have made the right choice.}{As far as the recent articles section, that will start to show up after you have set up the feedburner sections and then posted something new.}

2. When I click on comments it opens the post again and then I have to again click “Post a comment”,is there a shorter way possible? (I’m not much of a fan of Disqus :S ) {Again, you will have to edit the comments settings and recheck and refresh your blog until you get the comments section working.}

3. Do you have any suggestions for placing rectangular boxes on the right side for adverts? Or any html/xml code that you could probably generate? {Setting up the accounts with Adbrite and the other advertisers the author uses with this blog works well. Try to duplicate the authors advertising for a great revenue effect}

4.If you open my blog address then you see a search field on the header. How do I go about removing that completely and probably replacing it with an image or an Adsense? { You will have to open the template and edit. I don’t remember if you edit it in the layout or HTML section. It only took me about 5 minutes to change out the top banner ad to my own.}

Also, not related to this blog but any way to link Adsense with the custom search feature in the template? I mean to earn with every search? {Yes, get yourself an Adsense account and then, once approved, you can use Adsense to generate a search bar code. If you have trouble with this, Adsense has some nice tutorials.}

I have a huge question list. lol. {First timers usually do. I have been editing these templates to suit my blogs and my client’s blogs since this website opened. Most of the blogs here come with step-by-step instructions. Following these instructions to the letter usually works well. This template in particular is one of the more difficult to set up. I used it for a few months and found that my readership and subscriber rate went up when I switched to the passion duo, mynix, or other pro-blogger templates. This one is a bit too somber.}

Thanks 🙂 {No Problem.}

realmadrid_rocks on Mar 25, 2009, 2:33 pm

Thanks AmieSugat for the help but some things still persist.

1.I changed the timestamp format to the 4th option.Refreshed and saved the settings about thrice but it still doesn’t show.The problems aren’t recent comments but the labels.Labels don’t show.

2.The problem with comments section still persists.

3.I meant those four little 128*128 boxes for advertising and not the normal advertisement providers.I think they are images instead of just codes.

4.I think its there in the Edit HTML but not sure of the code to replace with.

I tried reading and setting up the google search and adsense but couldn’t get it working till now.I’ll try some more.

I’ve been using blogger for about a year and a half and been editing templates to suit as per my needs but majorly they are easy to set up and this looked easy too.God knows what went wrong! lol

Thanks for your help 🙂

Umberto on Mar 26, 2009, 3:49 am

Hi.I like this template and i would use it.
Can i ask you something?
How can i delete the google AdSense Sidebar 336 x 280 in the centre of the template?
Is it possible? I’ve tried deleting the code without any results.
Thanks in advance! 🙂

moih60 on Mar 27, 2009, 9:06 am

hay..amazing template i use it..but i ask can i change the blue background with my colors or my image

thanx

bookwise on Mar 27, 2009, 4:04 pm

Hi. Very well thought out template thanks which I was very hopeful of using until I found 2 problems which I can’t get past.

1. Header Banner is not displaying correctly in Explorer. It partially falls below the header into the Tab bar

2. Can’t seem to be able to post a comment at all. Comments are enabled and set for embed below post but when I click on post a comment nothing happens.

Please help urgently with these fixes. Thanks

Testing at http://nzlifestyle.blogspot.com

Sajjad Shah on Mar 27, 2009, 4:53 pm

Hello

how i use this templet

nasif123 on Mar 28, 2009, 11:21 am

I want to make this template showing only two posts… I dont want to show 10 posts in the home page. Any help would ber greatly appreciated…

taurusofstar on Mar 28, 2009, 11:27 am

Thanks for share this templet i am your plesure
thanks a loot

taurusofstar on Mar 28, 2009, 11:32 am

http://funnyhahah.blogspot.com/ here was use this templets, Remember thanks for share

Razzaque on Mar 30, 2009, 8:18 am

I want to remove the calendar style date from posting… Please help…

needs help on Mar 30, 2009, 2:26 pm

help!

for some reason the author comments pictures are not working. all are displayed as the default picture. even when authors have pics set…?

cyndi on Mar 31, 2009, 3:08 pm

I could not find the “Chitika code start” in the code so I could remove it. I need to remove it and cannot find the option to do so.

Joenutz24 on Mar 31, 2009, 5:30 pm

I am very happy about this template,however,I am having difficulties getting the email subscription section to work.The RSS Feed/Banner/and Ad tutorial you have given were wonderful thank you.

However by simply replacing the email subscription code within the HTML with my own feedburner ID,it still continues to register as me not having email subscription setup.

Can you go into more detail on this crucial step(since it’s the first thing you see on the page)?

I am wondering if it has to do with the code starting as “feedburner”

–whereas my feedburner rss feed account starts with “feeds2.feedburner”

Everything else is beautifully laid out with your template,just the email subscription problem I need dealt with.

Joenutz24 on Mar 31, 2009, 5:31 pm

http://CoolWidgets123.blogspot.com is the blog.

Tanuj Lakhina on Mar 31, 2009, 11:08 pm

Yeah use your exact e-mail subscription URL ie feeds2.feedburner.com…. instead of feeds.feedburner.com… That would get it going.Make sure your email subscriptions are active too.Hope this works.

tomienao23 on Apr 1, 2009, 2:51 am

I could not find the â��Chitika code startâ�� in the code so I could remove it. I need to remove it and cannot find the option to do so.

abdoomaster on Apr 2, 2009, 2:52 pm

How can I put The –Read More– Scripte in this template!!!?

bloggista on Apr 2, 2009, 11:57 pm

hi. thank you for sharing this template. i am using it now in my blog: http://bloggistame.blogspot.com. i think it’s really cool and neat.

thanks very much!

FLiT on Apr 4, 2009, 9:22 am

tnx for sharing this coolest template i ever had. kudos for you. =]
my blog —>
but it has a problem when i viewed it using IE i dunno how to fix it, and the RSS field as well glad i fixd it. =]

tboxindonesia on Apr 6, 2009, 9:08 pm

help me about this problem

“The feed does not have subscriptions by email enabled
Email Subscription Request”

realmadrid_rocks on Apr 6, 2009, 10:40 pm

You have to enable it from your feedburner account(assuming you’re using feedburner)

atifoxon on Apr 8, 2009, 7:44 am

i cannot configure AdSense Sidebar 336 x 280 Ad Unit in my blogger, i have attempted
http://www.adsense-generator.com/
and tried
http://www.eblogtemplates.com/blogger-ad-code-converter/

but ads simply does not show, can i add it through widgets?

regards

alex on Apr 8, 2009, 10:35 pm

Hi, is it possible to remove chitica settings from this template ?

baka on Apr 8, 2009, 10:40 pm

yes, just remove chitica php code from the template.
My blog — >

Ali Qayyum on Apr 16, 2009, 12:19 am

i have problem regrading the “Comment Form Placement”. when i do “Embedded below post” checked . the comment box does;t appeared! but when i changed the option of “Pop-up window “. then it’s works. plz tell me, what should i do?

realmadrid_rocks on Apr 16, 2009, 8:20 am

Maybe its not possible for this template?

Homedad on Apr 16, 2009, 2:17 pm

Hi. I am currently using this wonderful template. I just have one question in mind if it is possible to add a custom footer for this template?

Thanks!

cybersyed95 on Apr 16, 2009, 8:46 pm

how can i configure this blog to use threaded comment?
this is my blog: http://syedsafwan.blogspot.com

Blogger Template Info

Langit Template

Features Include:

Let’s Configure this Template!

Step #1 – Setup Your Header Banner

Step #2 – Setup Your RSS Feed Using FeedBurner

Step #3 – Add Top Tabs

Step #4 – Setup Advertising Accounts

Step #5 – Configure AdSense Sidebar 336 x 280 Ad Unit

Step #6 – Configure Chitika 468 x 90 Ad Unit

Step #7 – Get Your Individual Post Date Stamp Working

Credits

Revision History

What's Next?

Trackbacks

803 Responses to “Langit”

Blogger Sponsors

Best Blog Money Makers

Blogging Resources

Most Commented

Recent Comments

Blogger Template Info

Langit Template

Features Include:

Let’s Configure this Template!

Step #1 – Setup Your Header Banner

Step #2 – Setup Your RSS Feed Using FeedBurner

Step #3 – Add Top Tabs

Step #4 – Setup Advertising Accounts

Step #5 – Configure AdSense Sidebar 336 x 280 Ad Unit

Step #6 – Configure Chitika 468 x 90 Ad Unit

Step #7 – Get Your Individual Post Date Stamp Working

Credits

Revision History

What's Next?

Recommended Articles

Trackbacks

803 Responses to “Langit”

Blogger Sponsors

Best Blog Money Makers

Blogging Resources

Most Commented

Recent Comments