Welcome, visitor! [ Login | Sign Up ]
Home > Blogger Templates > eBlog Templates Langit
« iTheme Techno Left Column Template
Andreas04 Template »
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: 2,021
  • Downloads: 590
  • Added: Apr 13th, 2008
  • Rating:
    1 Star2 Stars3 Stars4 Stars5 Stars
  • Live Demo
    • Earn $$ with WidgetBucks!

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.

langit-comments.png

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.

tla-banner-sm.png

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.

rss-langit.png

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:

http://i254.photobucket.com/albums/hh92/eblogtemplates/langit/feed-counter.gif
with something that looks like this:
http://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.

top-tabs.png

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_sm.gifchitika-logo.gif

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.

adsense-unit.png

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.

timestamp-format.png

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.

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.

,,,,,,,,,,,,

Blogger Templates

68 Responses to “Langit”

1. Al Maawali
4:34 am on April 13th, 2008 (subscribed to comments)

Amazing Layout, OZ. I would have used it if it didn’t load way too slowly. I can understand why it takes long to slow, I mean, it has really cool features but do you think that something could be done about it?

2. David
4:38 am on April 13th, 2008 (subscribed to comments)

It actually loads pretty quickly and could load faster if you removed some of the ad widgets. Did you try out the demo or install it on your own test blog first?

3. Al Maawali
4:43 am on April 13th, 2008 (subscribed to comments)

I tried out the demo. Does it make a difference?

4. farhansyah20
7:47 am on April 13th, 2008 (subscribed to comments)

good work, I used it now, but how to set up the date..it written “undefined” when I installed to my blog. thank you :razz:

5. David
8:33 am on April 13th, 2008 (subscribed to comments)

@farhansyah20, thanks for asking. I have updated the post (step #7) explaining how to get the dates to work properly.

6. David
8:34 am on April 13th, 2008 (subscribed to comments)

@Al Maawali, the demo site’s speed is tolerable enough for me. The load time should be about the same if you install it for your own blog. If that’s not fast enough for you, then you might want to try another template. :-)

7. Raquel
9:24 am on April 13th, 2008 (subscribed to comments)

Hello, I signed up for registration but I didn’t receive any confirmation in my email not in bulk either. Pls. let me download this template. :roll: Thank you.

8. Al Maawali
10:00 am on April 13th, 2008 (subscribed to comments)

The thing is, I am from a country where the internet speed is… well… let’s just say that it’s not fast enough. So, I take that into consideration.

Overall, I love the whole layout and design. Great job and hope to see more.

Thanks :mrgreen:

9. JohnDoe|EagleEye|
12:43 pm on April 13th, 2008 (subscribed to comments)

This web 2.0 Templates rocks!

ADVICE: It would be awesome if you could display the “most popular posts” box or the “top articles” box instead of showing the “recent articles” box.

***Bonus Template***: I found a really cool template. Check it out:
http://www.aborregate.com/blogger/plantillas-blogger/plantilla-para-blogger-tipo-revista-revolution

Demo: http://plantilla-revolution.blogspot.com/

10. flick
4:19 pm on April 13th, 2008 (subscribed to comments)

Fabulous Template .. got issues :sad: i download it . it shows error in internet explorer .. line 632 char 13 Error == Invalid Character n next one is line 531 char 122 Error == ‘Title’is null or not an object .. please any solution ???

11. David
7:12 pm on April 13th, 2008 (subscribed to comments)

@flick, thanks for letting me know. It’s been fixed so you should download the template again. Hopefully you didn’t put a lot of time into your configuration yet b/c once you download the template and reinstall it, you’ll wipe out your changes.

12. David
7:26 pm on April 13th, 2008 (subscribed to comments)

@JohnDoe|EagleEye| - The only problem with displaying the “most popular posts” is that Blogger doesn’t provide that data. You can try and implement it and let us know if it works!

The bonus template you mentioned is nice but unless he worked out an arrangement with the author Brian Gardner, he’s distributing it illegally. The Revolution theme series for WordPress is a licensed set that you need to purchase. Providing it for free on Blogger is a no no.

13. David
7:30 pm on April 13th, 2008 (subscribed to comments)

@Al Maawali- That makes sense. You might want to try and optimize your templates to help increase speed. Have you read our Speed Up Your Blogger Page Load Time - Compress Your CSS article? That will help you a bit.

14. David
7:32 pm on April 13th, 2008 (subscribed to comments)

@Raquel, make sure you check your bulk mail or spam folder. Sometimes our emails get filtered out by mistake. If it’s still not there, you should use the “Forgot your password” tool to resend your email.

15. eches
12:09 am on April 14th, 2008 (subscribed to comments)

Hello OZ,
thanks for featuring this theme. very much appreciated! :smile:

16. AlMaawali
2:55 am on April 14th, 2008 (subscribed to comments)

Thanks David. I read that article a while back already and it’s really great but who has the time to do all of that.
It doesn’t matter, I am sure you guys will come up with more cool stuff in the future. :grin:

17. JohnDoe|EagleEye|
8:46 am on April 14th, 2008 (subscribed to comments)

Mmnn…that´s weird…

I thought you knew how to do it because I saw the “popular posts” box in the Ads Theme:

http://www.eblogtemplates.com/ads-theme-blogger/

18. flick
11:00 am on April 14th, 2008 (subscribed to comments)

:lol: Cool Thanx David

19. flick
11:14 am on April 14th, 2008 (subscribed to comments)

Hello David,

Sorry to say.. still one more error in there !!! Internet Explorer Line 687 .. Char 13 .. Error — Invalid Character …

20. John Doe
1:31 pm on April 14th, 2008 (subscribed to comments)

:idea: Found this on gosublogger.com:

http://www.gosublogger.com/2008/04/popular-posts-widget-for-blogger.html

I think it´s a good start, but it should be based on the users that clicked in the post, not on comments….

21. Jessica
2:00 pm on April 14th, 2008 (subscribed to comments)

gosublogger rocks! i love its Turkish author!

22. David
7:36 pm on April 14th, 2008 (subscribed to comments)

@JohnDoe|EagleEye|, the popular posts box in the ads theme is static. It’s just a link list box where you can add your own list.

23. David
8:01 pm on April 14th, 2008 (subscribed to comments)

@flick, strange. It was validating fine in FF. Anyhow, I’ve fixed this error now as well and checked it in IE. It was a feedburner error this time so the latest version is now working. Please try it.

24. flick
1:49 am on April 15th, 2008 (subscribed to comments)

Hello David,

Thanx Great !! Banner side is still messed up !!

25. flick
1:52 am on April 15th, 2008 (subscribed to comments)

Hello David ,,

Have a look http://img180.imageshack.us/img180/4470/errortz4.jpg

26. David
5:38 am on April 15th, 2008 (subscribed to comments)

flick, not sure what you did. I just tested the template again on both IE and FF and it works. No errors or relocated top banner ad. Not sure what else to tell ya.

27. flick
7:08 am on April 15th, 2008 (subscribed to comments)

Hello David …

I just simply Download again n Uploaded on my Blog. it works fine wid FF.. its show Error on IE. i didn’t do any editing wid template. anyways thanx for the help

28. flick
7:12 am on April 15th, 2008 (subscribed to comments)

Actually David .. sowwy for the Trouble this is really pretty template .. i dying to use it for muh blog .. anyways thanx

29. meromalley
10:54 am on April 15th, 2008 (subscribed to comments)

This is incredible and most appreciated!
Can you please help me with setting up the counter? I tried everything and it gives me an error when I save it. Luckily, i figured out the feed info, but this counter is confusing me. There seem to be many places with the term photobucket in it, is there only 1 place to change for this counter? If so, can you please tell me where as I’m lost and also, would it follow your example 100% or my code showed anim=0 so would it be 0 for me? Where you say “my feed” is it the name only such as eblogtemplates or the full feed with http://feeds….???
Sorry -I really tried hard to do this on my own!
Last ? is can i come back in the future and set up chikita? after i preview site? I’m not touching a thing until I hear back —thanks!
Meredith

30. meromalley
11:04 am on April 15th, 2008 (subscribed to comments)

Ok –i spoke too soon -this was the error I got when on the site and clicked on the feed widget? email seemed to work? any thoughts to help me here -please?
http://feeds.feedburner.com/http://feeds.feedburner.com/GoodPassItOn
http://goodpassiton.blogspot.com
thanks again -Meredith

31. meromalley
4:48 pm on April 15th, 2008 (subscribed to comments)

Hi
this may be an easy one, but the top tabs (do people just create another blog page and download template again) in order to have more static pages?
thank you so much!
Meredith

32. DOTMEDOMAINS
10:10 pm on April 15th, 2008 (subscribed to comments)

Hi there,

I have a bit of a prob with the template header when viewing with IE. The header seems to be overextended downwards with or without the banner ad. It only does so in IE. Opera and FF seems to be fine. I don’t know hor else to explain it but I’m posting a screenshot so you can visualize.

It’s a absolutely cool awesome template. I hope there’s a fix for this prob.

Screen shot with banner:
http://farm3.static.flickr.com/2344/2418314942_cc78879dff_o.jpg
Screen shot without banner:
http://farm4.static.flickr.com/3189/2418315616_e485a6b3d3_o.jpg

Thanks!

33. meromalley
1:12 am on April 16th, 2008 (subscribed to comments)

Hi –can you please look at the header ad I put in? it has writing under the banner and i’m not sure what I did -thanks
Meredith
http://goodpassiton.blogspot.com

34. hafifi
7:24 pm on April 16th, 2008 (subscribed to comments)

amazing template..this template is what we all need

35. Jho2x
8:34 pm on April 16th, 2008 (subscribed to comments)

hello…. Guys.. i Cannot find the chitika code in the template… where’s tha set of code located……

36. GosuBlogger
11:44 pm on April 16th, 2008 (subscribed to comments)

@jho2x

expand widgets and search as ” array ” then u gonna see chitika codes

@all thanks for your comments on my template

please go to http://www.gosublogger.com and subscribe my feeds.

sincerely
Gosu,

37. Jho2x
12:17 am on April 17th, 2008 (subscribed to comments)

thank you, partner… THIS IS very nice blogger templates ever…

38. ehsanjt98
2:29 am on April 17th, 2008 (subscribed to comments)

thnx.this t-m is great.

39. women
2:57 am on April 17th, 2008 (subscribed to comments)

Hi bro..I cant setup rss link ..I have followed the instruction on step (2), but the rss feed still not change, still 266 readers..can you help me to fix this problem.. thanks

40. women
3:07 am on April 17th, 2008 (subscribed to comments)

hi brother..I modified langit theme and put one more widget in header for adsense link code .. thanks

41. flick
4:12 am on April 17th, 2008 (subscribed to comments)

Hello David,

Same Problem like DOTMEDOMAINS Said, The header is overextended downwards only on IE .. THanx

42. David
9:10 am on April 17th, 2008 (subscribed to comments)

@women, make sure you swap out the rss feed images. You’re still pointing to the placeholder one. Within FeedBurner it will give you the new code to use.

(http://i254.photobucket.com/albums/hh92/eblogtemplates/langit/feed-counter.gif)

43. women
6:29 pm on April 17th, 2008 (subscribed to comments)

thanks for your information, I forgot to change the picture.. :) , and also thanks for blog template…

44. flick
12:53 pm on April 18th, 2008 (subscribed to comments)

Mhmm.. :???: Aint there’s a fix for this prob. The header is :sad: overextended downwards only on IE :mad:

45. Trayblond
4:27 pm on April 18th, 2008 (subscribed to comments)

I’m having the same exact problem as poster #31. The banner ad is too low and there doesn’t seem to be a way to fix it. Help!

PS: Otherwise gorgeous template!

46. OZ
1:09 am on April 20th, 2008 (subscribed to comments)

HEY GUYS

I HAVE TESTED THIS TEMPLATE A LOT OF TIMES ON DIFFERENT BROWSERS( IE7 IE8 FF,SAFARI) AND SEEN NO ERROR IT WORKS WELL
THANKS!

http://WWW.GOSUBLOGGER.COM

47. flick
1:26 am on April 20th, 2008 (subscribed to comments)

Hey OZ,

Please test this template on IE6

48. OZ
5:46 am on April 20th, 2008 (subscribed to comments)

IE 6 IS THE WORST BROWSER EVER , ITS HARD TO OPTIMIZE TEMPLATES FOR IE 6 SINCE IT CAUSE A LOT OF TROUBLE , THANKS TO MICROSOFT THEY IMPROVED IT AND RELEASED IE 7 AND IE 8 TO MAKE PEOPLE UNINSTALL IE 6 , SO YOU GUYS BETTER USE IE7 OR IE 8 , BUT I ALWAYS SAY THAT THE BEST IS FIREFOX

49. blogger
8:30 am on April 21st, 2008 (subscribed to comments)

How can I remove Chitika 468 x 90 Ad Unit ???
Please help me!

50. David
10:13 pm on April 21st, 2008 (subscribed to comments)

@blogger, Make sure to click the “expand widget templates” checkbox to show all the code in the edit html screen. Then search for the chitika ad unit code so you can replace or delete it.

51. blogger
11:17 pm on April 21st, 2008 (subscribed to comments)

Thanx a lot!

52. Needshelp
7:56 pm on April 22nd, 2008 (subscribed to comments)

Hey guys,

Thanks for this amazing template.
I got a question. The recent article part does not display any post up there. How do I make it work?
Something wrong with my settings?

53. vanquybn
11:41 pm on April 22nd, 2008 (subscribed to comments)

hi, why i cant download this template ?

54. Ali
12:49 am on April 23rd, 2008 (subscribed to comments)

Thanks oz,, you are the best

55. David
10:14 am on April 23rd, 2008 (subscribed to comments)

@vanquybn, you need to register for free before you can download it. See the top right section of this page for the link.

56. David
10:17 am on April 23rd, 2008 (subscribed to comments)

@Needshelp, the recent articles should automatically work assuming you’ve got posts already on your blog.

57. Needshelp
6:43 pm on April 24th, 2008 (subscribed to comments)

Thanks David

But I found the culprit to the problem. My posting settings where doing without the title input. Without the title input to post it would not appear. Problem solved!
Tq

58. caligari
6:11 am on April 25th, 2008 (subscribed to comments)

Sorry Needshelp n david. can teach me how to make my recent post up? mine is blank.

59. rockrusso
1:30 am on April 28th, 2008 (subscribed to comments)

Please Help me.. I can’t make read more in this template….???? :sad: :?:

60. marvin de gracia
9:32 am on April 29th, 2008 (subscribed to comments)

i don’t know why.. but the ones i downloaded doesn’t work.. can i get the source code of the demo one instead?

61. marvindegracia
5:52 pm on April 29th, 2008 (subscribed to comments)

why can’t I upload this proplerly in blogspot? I always get a lot of errors if I do so. Even the unedited xml file that i downloaded. do I need to set mg blog in certain configuratons first?

62. David
12:26 pm on April 30th, 2008 (subscribed to comments)

@marvindegracia, try creating a new test blogger blog under you existing account. Then install the template there and see if you get any errors. If not, then you know it has something to do with your other blog which could be anything. I usually try to delete all my widgets and then install the new template. Make sure you back everything up first just to be safe.

63. Mysterytune
7:29 pm on May 3rd, 2008 (subscribed to comments)

Just wanted to see I love this template, looks so much better than my old one.

64. willard_7ph
9:54 pm on May 4th, 2008 (subscribed to comments)

i expanded the widget and tried removing codes on the “array” but chitika is still there. how could i remove it

65. cultmaster
3:57 pm on May 6th, 2008 (subscribed to comments)

Dude please help us.. the header banner is over extended…. i’ve put a screen shot here for you to see please help… just view the link please please please help ASAP…

http://img131.imagevenue.com/img.php?image=18143_fffff_122_628lo.jpg

66. somerajjs
1:38 am on May 7th, 2008 (subscribed to comments)

how can i change the ad showing in the “Sponsored Ads” and “Ads” (below “Live Traffic Feed”) sections? may i request? can u pls be specific coz i’m not really familiar with some things sometimes.. :)

67. BUSA
2:53 am on May 10th, 2008 (subscribed to comments)

This template is fantastic, thanks alot for sharing it. Using it on http://ethnu.blogspot.com/

68. pengodam
10:58 am on May 10th, 2008 (subscribed to comments)

This theme fully work on my site now and make sure ya’ll double check cross browser some version IE 6 ya’ll really get bad result for this theme. but thank to GosuBlogger who convert this theme. Donate to this buddy will be good to.


Leave a Comment or Review

So what do you think of this Langit Blogger template? Any suggestions on how to improve it? Feedback is a valuable way to communicate directly to our staff and OZ, the template author.

Note: We receive dozens of comments on a daily basis and can't always respond to each and every one. Please only post relevant comments regarding this Blogger template.

If you have questions regarding general Blogger settings, you should visit the Blogger Help site. The Blogger Help Group is also another good resource for finding an answer to your question.

The eBlog Templates Blog Forum is also a great place to look for help from other members.

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>