Welcome, visitor! [ Login | Sign Up ]
You need to login first before you can download this exclusive template.

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

Blogger Template Info

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 1I 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 2I don’t like ads and want to remove it. Sure, just delete the widget from your blog.

Option 3I 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 4I’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.

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.




Trackbacks

  1. 70+ Fresh And Modern Blogger Templates on May 17, 2008
  2. 8 » Paid help with installing a Blogger template on June 8, 2008
  3. Top Blogger Templates | Dollar James ! on July 30, 2008
  4. Yeni ve Modern Blogger Temaları, Blogger Templates » CSSim Benim on August 10, 2008
  5. No More Searching This Will Do Just Fine | Web-Work at Home on August 11, 2008
  6. 20 Stunning Blogger Templates | Dimla on September 2, 2008
  7. No More Searching This Will Do Just Fine | Web-workathome.com on September 14, 2008
  8. Langit Blogger Template | Blog Tips to Help You Make Money Blogging - Blogoninja on September 28, 2008
  9. Recommended Blogger Templates #1 | PAPAJOJO on October 5, 2008
  10. Sabahdaily.com » Fresh And Modern Blogger Templates 4 on December 15, 2008
  11. 10 Beautiful Wordpress Templates For You | myfreepedia.com on February 23, 2009
  12. Langit Blogger Templates For You | myfreepedia.com on February 23, 2009
  13. 120 Best Free Blogger Templates Around | Showcases | instantShift on March 8, 2009
  14. 42 Premium Blogger Templates For free | BLOGGER ONLINE on April 5, 2009
  15. Miglior Template per Blogger on April 17, 2009
  16. Teme WordPress gratuite | Cotelin Ionut - Blog on May 26, 2009
  17. +100 Fresh Blogger Templates Ready For Download - Technolik Blog on June 14, 2009
  18. Ücretsiz Blogspot Temaları #4 | Eray USTA on July 3, 2009
  19. Applying Blogger Templates/Themes | Tricks Collection on July 7, 2009
  20. Make Money , Backlink , Seo, Make Money internet, Adsense , Adwords » Blog Archive » 10 Very Best Blogger themes / Templates / Skin on July 20, 2009
  21. 62 Free Professional Magazine Themes For Blogger - Technolik Blog on July 27, 2009
  22. Recommended Blogger Templates #1 on August 14, 2009
  23. 15 template theme blogspot keren | Blog Awang Jivi on November 17, 2009
  24. Catatan 4 Tahun » Blog Archive » This Is Template Corner on July 27, 2010
  25. 7 Free Download Template Blog Elegan Untuk SEO | templateuntukblog.com on May 13, 2011
  26. 15 template theme blogspot keren | templateuntukblog.com on May 20, 2011
  27. “Langit” BloggerTemplate - BlogPublish on January 21, 2013

798 Responses to “Langit”




   
تمارين كمال الاجسام on May 12, 2010, 3:16 pm  

thank you so much that’s pretty cool


   
girishsks on May 18, 2010, 1:49 pm  

Hello i m using langit template on my blog http://technukem.blogspot.com . Its an awesome template.

But the only problem i m facing on it is the comments doenst work. Please help me out. Someone please tell me what should i do. To recreate the issue just go to any of the posts on the website and try to click on comments. Please help.


   
girishsks on May 18, 2010, 1:53 pm  

I have tried the step provided by hadisatria (thank you for replying) but it still doesnot work. please help.


   
nagarasapandi on May 27, 2010, 11:08 pm  

I started my eblog templates through this free templates. I love to work with this templates and thanks to give this opportunity for us.


   
Bala2898 on May 28, 2010, 2:19 am  

It was amazing free templates so you can get lot of traffic through this system.


   
Gurjit Singh on May 31, 2010, 1:36 am  

Its Helpful,But when i fill any mail id in Subscribe box,a message had apear that:The feed does not have subscriptions by email enabled,Even i enabled email subscription in feeds.Tell me where can i paste the code.
Thanks


   
SHIMUL on Jun 1, 2010, 8:28 pm  

hi friends,

Go this site this very good helping site for softwer

i really Happy to find this web site
http://www.freesoftwithcrack.com
this site very easy to download any software with crack and serial or patch file.

and very helpfully for earning information.


   
hanaaprilia91 on Jun 3, 2010, 3:03 pm  

Thanks for info,, i think this is great site..


   
Rison on Jun 5, 2010, 7:03 am  

The Read More function cannot be integrated into this. I tried several tutorials, but no change. Please fix this.


   
Hummer hire on Jun 10, 2010, 4:20 am  

Great post some really useful features here thanks for sharing


   
Greekblogman on Jun 12, 2010, 11:20 pm  

Hi everyone,

This blog is just great…
Giving information on houw to edit the given blog templates, is unbelievable :D

Anyway, i would like to know how can i edit my xml format (downloaded templates), in a way i can see them properly and not only the code…

I hope that in a few days, someone will answer my question.

Keep up the good work.


   
Greekblogman on Jun 13, 2010, 3:41 am  

ALSO,

How can i turn off the affiliate programs from this template?
Plz give me step by step information (dont forget that blogger is updated..)


   
Hellraiser on Jun 13, 2010, 1:05 pm  

Hey
i have a problem in email subscription for langit.I followed the steps and change the 4 required places for subscription from info provided by feed burner. But, still its not working. If some one try to subscribe so the message appears “the feed does not have subscription by email enabled. And when i copy the code and paste it into blog it changes the shape and style of langit email subscription, which looks really weird because langit,s chicklet and style is awsome and i dont wanna change it. Just tell me how to configure it so that people can subscribe by email. And yeah subscription by email is active in feed burner.


   
booyah on Jun 18, 2010, 8:01 pm  

Great template!
One thing, trying to change the header to a logo instead of text. Anyone have any luck changing the code around to make this work?


   
a2v on Jun 20, 2010, 12:26 am  

@ booyah, check this post on Customizing Header Headings for Langit Template to customized the header.


   
Booyah on Jun 20, 2010, 9:36 am  

a2v,
Thank you!. Love how you modified the template on your site..!


   
A2V on Jun 20, 2010, 3:13 pm  

@ Booyah, thanks. I posted all the modification I did on the langit template for my blog. Hope you’ll find it useful for customizing your blog.


   
Hellraiser on Jun 22, 2010, 1:29 am  

@ A2V please check my blog and guide me if my blog Active Citizen is fine or not ?


   
Hellraiser on Jun 22, 2010, 2:59 am  

@A2V
Help me please for my blog Active CitizenTags are not working. When i save my template following message appears:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “CONTENT”.

And my input is as follows:

META CONTENT=’this blog is to promote the work of active citizens working in Baluchistan and all over Pakistan to share their work being an active citizen. And also to share the knowledge about active citizen and how citizens become an active citizen through a module provided by British Council.’NAME=’DESCRIPTION’/

META CONTENT=’definition knowledge article active citizens British Council experiences learning journey peace child labor communities society welfare well being norms values justice women rights child rights human rights’NAME=’KEYWORDS’/


   
A2V on Jun 22, 2010, 9:58 pm  

@ hellraiser, try to use this code Same as with the keyword you must have open “”.


   
A2V on Jun 22, 2010, 10:06 pm  

@ hellraiser, try to use this code <META CONTENT=’ {YOUR DESCRIPTION HERE} NAME=’DESCRIPTION’/> Same as with the keyword you must have open "<" and close "/>".


   
Hellraiser on Jun 22, 2010, 11:12 pm  

@ A2V
yeh i have put open and close clause in presious tag as well and bro its again not working same error ocuuring from the following tags;


   
Hellraiser on Jun 22, 2010, 11:19 pm  

@ A2V
no its not working as well


   
a2v on Jun 23, 2010, 6:22 am  

@ hellraiser, have you put space between content and description Meta content = {Your description}[SPACE]Name=description


   
Hellraiser on Jun 24, 2010, 12:04 pm  

@A2V
bro i have done it by changing single qoute to double qoute and changed capital words into small letters hehehehe … now it working thx alot … just tell me where in blog will description appear ?
or it will only visible after search for my blog?


   
Nagarasa Pandi on Jun 29, 2010, 10:34 pm  

I would like to share my ideas and I used to eblog templates to my blogs.


   
adzrollz on Jun 30, 2010, 3:00 am  

Please help me and other user to fix on the comment.There’s nothing happen when click ‘post a comment’.This templates is very nice and hope it working perfectly.
Thank you and have a nice day and please give the solution to this problem so I can have a nice day too:)


   
Hellraiser on Jun 30, 2010, 11:31 am  

@adrollz

Use third party comment box like intense debate or something better than it. Third party comment box look more cool and attractive rather than using using a simple comment box. I have installed intense dedate in my
Active Citizen blog. Hope to have a nice day to u 2 from now.


   
Hellraiser on Jul 13, 2010, 10:52 am  

New feature of share buttons have been introduced by blogger. The problem is that its not working with our langit theme. Plz fix this problem or provide a good solution so that i’ll be able to make it visible in my blog.


   
nikk on Jul 28, 2010, 12:59 am  

hai..any one can help me to configure the following:

(a) i like to change both SIDE BAR & RECENT ARTICLE to make it CLEAN in colour..so i will have the problem with dree icon.
here: http://dtree2.blogspot.com/

(b) so what the best FONT COLOUR to sute the CLEAN SIDE BAR & RECENT ARTICLE

best regard
nik


   
Miguel Guinness on Jul 30, 2010, 9:15 am  

Would any of you explain me how i can make the “after the jump” function work in my blog, i tried everything, but seems that adding the following code doesnt work nether, please explain meeee thank you!


   
mohamedbasha on Aug 16, 2010, 5:48 am  

it’s so very nice
u can see more in
http://code2all.blogspot.com


   
Chris on Aug 20, 2010, 2:05 pm  

Thank you for this template, its realy perfect for me!


   
kek tarifi on Aug 23, 2010, 2:22 pm  

Thank You Very Nice.. :)


   
Doel on Aug 23, 2010, 11:14 pm  

How to create dropdown menu with this template??


   
nike türkiye on Sep 1, 2010, 11:13 am  

gerçekten harika bir tema düzenlemesi biraz zor ama çok te�ekkürler thankyou very good :)


   
nike tukiye on Sep 1, 2010, 11:15 am  

thank you reallty nice


   
herdiana - on Sep 6, 2010, 1:23 am  

very good template..
i’m going to use this for my new blog…
big thanks bro..


   
balajie90 on Sep 6, 2010, 6:27 am  

yeah….. i used it for long time… i achieved more traffic when i used this template… clean and nice look with less ads,

http://beginners-bloggers.blogspot.com/

http://www.tipsinside.co.cc/


   
Nagaraju on Sep 20, 2010, 9:10 pm  

Clean and nice look….


   
Desiga chozhan on Sep 23, 2010, 11:04 am  

How to get real eblog templates from home.


   
Phone Shop on Nov 19, 2010, 8:31 pm  

A good template, I will try to my new blog. hopefully it fits.


   
San on Nov 25, 2010, 5:53 pm  

How to remove chitika and google ads ads from this template i cant find it by pressing ctrl f .can any one tell me how to remove that and add mine there


   
Jess458 on Nov 29, 2010, 4:49 pm  

I keep finding this code:

google_ad_host = "pub-1556223355139109";

When I paste my own adsense information in. It’s obvious that this is another adsense account and I just would like to know how much is the adsense share?


   
ahyanhaerani on Mar 16, 2011, 6:21 pm  

aku sangat senag dengan adanya penawaran template gratis ini. terimakasih yaa


   
Egycor on Mar 22, 2011, 11:03 pm  

is this template footer editable? and how to make footer widget in it?
I didn’t find #footer-wrapper code… or codes which mean to make widget in the footer.


   
michael15yuda on Mar 30, 2011, 6:55 pm  

how their is an “undefined” thing that appears.. befor the title


   
nand on Apr 17, 2011, 5:37 pm  

help me….. how to leave a comment on this template….. please……


   
nand on Apr 17, 2011, 5:58 pm  

ok it’s ok…. the problem well of on settting in blogspot….


   
Rezqon on Apr 18, 2011, 5:51 am  

Thank you for the nice template. i think there is a problem with the RSS Code. I get differculty fo fix it.


   
via on May 10, 2011, 10:05 am  

thanks, i really like this template..
but help plz.
i’ve allowed comment in the blogspot setting, but still can’t get the comment box? how to appear it?


   
A2V on May 11, 2011, 5:58 am  

I used this template on blog and I have a post on how to add comment box on langit template.


   
emme on Jul 6, 2011, 10:02 pm  

hi, im very new, actually im stuck at feedburner and another thing, i dont have home tab on my page. please help me. thank u


   
peter7779 on Aug 7, 2011, 4:06 am  

how to solve this problem with this template? I cannot leave a comment, the post a comment doesn’t work here, please help, thanks.


   
Nisha on Aug 7, 2011, 11:26 am  

It was years ago when i installed this beautiful temp.. it was my fave for a long.. awesome :)


   
peter7779 on Aug 8, 2011, 7:21 pm  

I’m using this template now. This is my blog : http://computerhowtoguide.blogspot.com/

I have the most problem with adding social media share buttons, nothing seems to work until I’ve found Floating Social Media Share Buttons.

Another problem using this template is that : How do I add google adsense link units ad (728×15) below my header? How should I edit the code for this? Please help!

Thanks.


   
Ankara Halı Yıkama on Aug 20, 2011, 7:16 am  

Thanks nice blog. :)


   
peter7779 on Aug 24, 2011, 11:34 pm  

Hi, nice blog you have here. I’m using the same template but having difficulty fixing the subscribe via email function. I was wondering could you help me to fix this?

My blog is http://computerhowtoguide.blogspot.com/, if you enter your email to subscribe, it won’t work.

I have generated email subscription code via feedburner, but I wanted to know how to edit the HTML code so that the whole subscribe button is align in the centre just like yours.

Thanks.


   
Bala on Sep 19, 2011, 7:17 am  

I used this blog template its simple superbbb …. friends used it then u itself post your command on our blogtemplate


   
peter7779 on Oct 14, 2011, 5:23 pm  

@kailaschozhan : To add comment box to both your blogs, you’ll have to edit the HTML codes.

-Login to your blogger account, navigate to Settings > Comments. Under Comment Form Placement make sure the Embedded below Post button is clicked. Save any changes you’ve made.

-Next, navigate to Layout > Edit HTML

-At this point, I strongly recommend you back up your template by downloading it to your computer before proceeding.

-After you’ve backed up, check the Expand Widget Templates.

-Find the code below :

-Replace the code above with the code below :








-Save your template and now you’ll have a comment box.

Hope this will help.


   
peter7779 on Oct 14, 2011, 5:30 pm  

@kailaschozhan : Sorry, seems like we can’t post HTML codes here, that’s why the codes are not showing here.

Please visit my blog http://computerhowtoguide.blogspot.com/ and use the contact form in the blog to contact me, I will send you the code.


   
siddhant on Apr 11, 2012, 9:49 am  

not downloading…….only a blank page is appearing when i click on dwnload button….helpppppppp


   
jesi on Apr 21, 2012, 10:32 am  

this template is not downloading, i want to download and use this template for this site Travelling Techniques


   
kemalk on Jul 4, 2012, 2:38 am  

i think this is great site..Thanks nice blog


   
yilmaz on Jul 4, 2012, 2:39 am  

I used this blog template its simple super.thanks


   
gencler emlak on Jul 7, 2012, 6:18 am  

only problem i m facing on it is the comments doenst work. Please help me out


   
Samer on Jan 23, 2013, 12:36 pm  

I love this template design, thanks for sharing


   
mahadi1971 on Mar 6, 2013, 12:25 am  

i think this is great site.Thanks a lot for creativity.


   
Info Terbaru September 2013 on Jul 24, 2013, 6:52 pm  

Alternative template for my other blog


   
Sameer Shah on Jul 28, 2014, 11:22 am  

Looks like a good template. Considering using it. Does it have micro formats?


   
coastal living home on Aug 14, 2014, 8:42 pm  

Alternative template for my other blog




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=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Putting spammy or irrelevant links in your comments will result in deletion and potental banning.