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:

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.

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


803 Responses to “Langit”




   
maurisrx on Mar 29, 2010, 5:28 am  

I can’t use recent post widget. What should I do?


   
hendras on Mar 29, 2010, 5:33 pm  

@maurisrx: Just use Feed widget from blogger. but only 5 post will be shown.


   
maurisrx on Mar 29, 2010, 9:46 pm  

@hendras: I mean I don’t see the recent posts on the recent post widget on the top of this template. The blog said the widget can show up the last 10 post.
Must we post until 10 posts before the widget work?


   
hendras on Mar 30, 2010, 5:52 pm  

@maurisrx: as u can see on my blogs, event only 2 posts, my recent post widget is working.


   
maurisrx on Mar 31, 2010, 3:30 am  

@hendras: thanks a lot…


   
zero77cool on Apr 2, 2010, 5:26 am  

Ah, just cant seem to get the feedburner working.

http://icecoldtech.blogspot.com/


   
wiyono on Apr 4, 2010, 5:57 am  

this is ya really great templates, thank you so much…


   
balajie90 on Apr 4, 2010, 6:17 am  

hendras …. here the tip to remove header banner
just find this on edit html on blogger (tick expand widget)

now change the value ‘true’ to ‘false’


   
balajie90 on Apr 4, 2010, 6:21 am  

find this on blogger

id=’banner’

now u see locked is true… now change into false and save it…
now go to edit layout.. now u able to edit banner and remove easily


   
maryjoy09 on Apr 5, 2010, 10:02 pm  

Please Help on the “Comment Problem” be specific please. the codes you are posting doesnt exist on the html codes.


   
Hendras on Apr 5, 2010, 10:04 pm  

Thanks balajie90. Single Banner was not shown again. But how about to activate banner rotator??


   
maryjoy09 on Apr 5, 2010, 10:38 pm  

@hadisatria

what do you mean by, front of code and behind code?


   
hadisatria on Apr 5, 2010, 11:57 pm  

@maryjoy09:
sory abaout that, i can’t sniped full code in here, because the full code not show.
I was make post on my blog abaout this,
If you want please visit http://ezymoney4you.blogspot.com/2010/04/several-problem-on-langit-blogger.html


   
zero77cool on Apr 6, 2010, 12:41 am  

Finally got the feedburner working.
Replacing the code id didnt work. Had to get the html code from feedburner.com and replace it entirely.


   
maryjoy09 on Apr 7, 2010, 12:21 am  

i have a question here,
what if i want the link of my home tab to be somewhere else to be linked?. because my home page is the new ones that i posted.

i created a page for my home tab to be linked, but i cant edit the link of the home tab since its not appearing. please help me. thanks


   
PinkuDaisy on Apr 10, 2010, 12:45 pm  

I use this template!
🙂


   

thank you so much good job good telent


   
Raju on Apr 14, 2010, 3:09 pm  

Thanks for the template. Very very good template.

remarks:
This comments link of this template not working.
Replacing “FEED-ID”,”FEED-NAME”…. procedure not working.
Replaced this code with feedburner code.

My blog address : “http://rajumopidevi.blogspot.com/


   
zero77cool on Apr 14, 2010, 9:55 pm  

http://icecoldtech.blogspot.com/

I got in working on my blog. The replace code doesn’t work because feedburner changed the id number.

Your should goto feedburner.com and get the html code from there.


   
balajie90 on Apr 17, 2010, 4:58 am  

hello marry joy.. Here the answer for Home tab link to your modified home page…

>go to u r blogger account
>select layout
>on page elements
>select Top Tabs (edit)
>your modified tabs are shown on left bottom
>just hit edit button and change that Url to your own modified home page url
>now save that widjit
>now also save on page elements

thats all


   
3hirty6ix on Apr 22, 2010, 2:24 am  

I try every thing but my email subscription not working i put my four place update

i have feed burner


   
Autocratic on Apr 29, 2010, 9:17 am  

Why it is necessory to login first.
Lot of people using it so i wont use it


   
mauris on Apr 29, 2010, 10:50 pm  

Help me please,
why does the recent comments feature of this template not working on my blog?


   

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 😀

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:)