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
  28. 15 Templates grátis de qualidade para o blogger – blogspot | Novo na Rede on April 29, 2015

799 Responses to “Langit”




   
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=""> <s> <strike> <strong>

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