Adding Comment Section On Your Langit Template

Some one commented on one of my post asking how were I be able to add the comment section on my langit template, the one that use by this blog, and I thought to answer the question it would be better to create a posts on the matter so that everyone can try to do it.

How to add comment section on langit template

Step1. To be able to create a comment section form below your langit template you must be able to use the blogger in draft platform so, if you're using the old blogger platform you have to switch now to blogger in draft.

To switch to blogger in draft just follow this link blogger in draft, then sign in using your old blogger username and password.

Step2. Once signed in you will be prompt into your blogger dashboard, on the upper right corner, check the box opposite the make blogger in draft my default dashboard.



Step3. Select setting tab for the blog you want the comment form to be added. Once inside the setting tab, select comments to get inside the comments tab.


Step4. Once inside the comments tab, locate the comment form placement option and enable the embedded below post by clicking on the opposite button then save your setting.


Step5. Once your setting was save select the layout tab to get inside your blog layout window.


Step6. On your blog layout window select Edit HTML. You will be prompted to your blog template HTML window. Enable expand widget template by checking on the opposite box on the right upper portion of the template html window.


Step7. Locate the code


in your html template and place this code


below it and save your template.

Now try to view your blog if the comments form display correctly.

37 comments:

  1. Need to replace the word username in the blogengage image with your username!

    ReplyDelete
  2. Hi! Thanks for the suggestion!

    I've just applied it to my site. :)

    I just wanna ask how you were able to add that Category Box and Google ad box on top of the articles section. Looks cool.

    Thanks man!

    ReplyDelete
  3. Add the appropriate codes in the layout page-> Header Banner Ad

    ReplyDelete
  4. i already follow but still have error , i can't find code in step 7

    ReplyDelete
  5. Hi nik,thanks for the visit, please provide me with some info so that I could help you.What is the error? are you using a customized template?

    ReplyDelete
  6. regarding to step 7, where should i Locate the code in the html template..

    tq for your response

    ReplyDelete
  7. Hi nik, you can locate the code if you activate the expand widget templates above the right corner of your html window, click on the check box to expand widget templates and locate the code by scrolling down.

    Tell me if found it. Thanks for the visit.

    ReplyDelete
  8. tq for your quick response...
    i already xpand widget templates above the right corner of your html window by click on the check box to expand widget templates

    is it i need to replace the code here (the blue mark)as below:

    http://img181.imageshack.us/my.php?image=needcy1.png

    ReplyDelete
  9. No, thats not it, it must be the same as the code indicated on step 7. try looking again.

    ReplyDelete
  10. hai.. hope u still there

    now i already found were should i put it (for step 7).Try see this:
    http://img395.imageshack.us/img395/3658/needyr0.png

    Now after save click Save button the bellow error come out:
    http://img395.imageshack.us/img395/3658/needyr0.png

    hope u can guide me..

    Tq..
    Nik

    ReplyDelete
  11. Hi nik, did you replace the code?, you should replace the old code with the new code.

    ReplyDelete
  12. Do u mean
    http://3.bp.blogspot.com/_iVNieSWmnso/SPdQ-oyLbWI/AAAAAAAABt8/LhkfYkWq_zY/s1600-h/code.jpg

    as a old code

    and

    http://2.bp.blogspot.com/_iVNieSWmnso/SPdRclrStKI/AAAAAAAABuE/SqxRNY-4xWs/s1600-h/code2.jpg

    as a new code?

    if u mean like above,error still same..

    hope guide from you

    Tq nik

    ReplyDelete
  13. Sorry for that, the new code should be put just below the old code.

    ReplyDelete
  14. tq for your help

    yap i also do that..but still stuck...i get the info here
    http://www.bloggerbuster.com/2008/06/how-to-add-comment-form-beneath-your.html

    look this when i put just below the old code
    http://img515.imageshack.us/my.php?image=lastpv9.png

    but the result still error as below
    http://img395.imageshack.us/img395/3658/needyr0.png

    Tq for your kindness

    nik

    ReplyDelete
  15. Hi nick, check again the step that you made, before you follow the step was your existing template a langit template that works fine?

    Thanks.

    ReplyDelete
  16. any one can help me on how to reduce the size from top to archive or categories as attach pic. below

    http://img511.imageshack.us/my.php?image=helpaw4.png

    tq nik

    ReplyDelete
  17. i think i already follow the step and hope the template i get is correct one. i get it here
    http://www.templates-blogger.com/langit/

    any comment about this

    Tq
    Anonymous said...
    January 3, 2009 6:47 AM

    or do u have any best like on this??
    Nik

    ReplyDelete
  18. Hi nik, to reduce the size from top archieve you need to find this code

    #lsidebarw {
    width:336px;
    height:280px;
    padding:0px 0px 0px 5px;

    and chage the height of 280px to 0px.

    ReplyDelete
  19. The template was orininally come for eblogtemplates.com

    ReplyDelete
  20. A2V & others..
    tq for your kind help & your attention to my big headed problem....

    now if i download from eblogtemplates.com...what is the first should i do..is it to customize the comment box first or other..

    any one can give the opinion ..

    tq for your time on this

    Nik

    ReplyDelete
  21. A2V...
    #lsidebarw {
    width:336px;
    height:280px;
    padding:0px 0px 0px 5px;

    and chage the height of 280px to 0px.

    this one function for me..
    tq...hope u can follow up my other question

    ReplyDelete
  22. Hi nick, when you downloaded the langit template on www.eblogtemplates.com customized first your template based on the instruction on eblogtemplates.com before you customize the comment section.

    ReplyDelete
  23. Dear A2V and others friends

    The template was orininally come for eblogtemplates.com very use full and my problem on comment box don't show the error after save...

    tq very much for your help ...

    Question 1.
    now i have a problem on customize feed burner..
    any idea on this. after i put my friend email and press subscribe button they bring me to this error...what should i do
    http://img508.imageshack.us/img508/5834/helpof0.png

    Question 2..
    How to make sure number of readers (in my case 266 readers) as attach will change according to the readers?.what should i do
    http://img205.imageshack.us/my.php?image=help2sn8.png

    tq for your time & help
    nik

    ReplyDelete
  24. Hai A2V and others...
    due to my problem on feedburner which i can't get the following item:
    YOUR-FEED-ID-HERE
    “YOUR-BLOG-NAME-HERE
    ref:
    Step #2 - Setup Your RSS Feed Using FeedBurner
    http://www.eblogtemplates.com/langit-blogger/

    tq
    nik

    so already using feedburner and get the email subscription & feed counter active.now how to customize it on blog as per attach
    http://img205.imageshack.us/img205/8933/feedburnertf2.png

    ReplyDelete
  25. Hi nik, your problem is you are using the default feed use by the template, you must customized it based on your template, there is an instructions on how to customized it on eblogtemplates.com, it is included on the template article.

    ReplyDelete
  26. Hai A2V..& others..

    tq for your help ...now i already solve the

    YOUR-FEED-ID-HERE
    “YOUR-BLOG-NAME-HERE

    and email & feed already function for my now..tq

    but i still have the problem here on feed counter. actually i already follow the instruction here
    http://www.eblogtemplates.com/langit-blogger/
    under Step #2 - Setup Your RSS Feed Using FeedBurner

    i already follow the instruction to replace
    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

    for my blog myfeed = MathAddMathSolution which is i get from
    http://img98.imageshack.us/my.php?image=feedcounterpa8.png

    so, for my case,
    http://feeds.feedburner.com/~fc/myfeed?bg=99CCFF&fg=444444&anim=1

    will be
    http://feeds.feedburner.com/~fc/MathAddMathSolution?bg=99CCFF&fg=444444&anim=1

    so, i change the blue color below
    http://img237.imageshack.us/img237/3176/feedcounter1cn3.png

    with
    http://feeds.feedburner.com/~fc/MathAddMathSolution?bg=99CCFF&fg=444444&anim=1


    but the following error come out

    http://img165.imageshack.us/img165/9307/feedcounter2hs5.png

    hope some one can help me

    tq for your time

    ReplyDelete
  27. Hi! The image below "Step7. Locate the code" is missing!

    ReplyDelete
  28. Great post! Thanks a lot!

    ReplyDelete
  29. hai..nikk here..tq for your help before,...

    now i have a problem how to locate our Feed Burner feed Id using google feedburner

    need advise

    ReplyDelete
  30. Hi Nik, what's up?

    Thanks for the visit, to locate your feed burner id you must login into your feed burner account then select your feed, the feed burner id can be seen on the address bar of your internet browser.

    ReplyDelete
  31. hai AV2...tq for your quick response ...

    try you check your feed burner on top of your blog. When i click the Subscibe the error will come out same with you have.That what happen to my blog.

    Before this i can sove it. because the have their own no(id). Now when feedbuner take over by Google, my have to settup iy back but i don't now where is the corret place for me to edit in the Edit HTML section.can u guide me on this. i already stuck it for 2 days.

    Nikk

    ReplyDelete
  32. do u have any idea how to remove box for email address and replace it with we have from google feed burner?

    my subscription address still not function until now...

    if you have time hope you can guide me..

    tq, regards

    nik

    ReplyDelete
  33. hai sir... how to active recent comment?
    it look like have problem on it

    ReplyDelete
  34. hai tq for help for my problem before. Any one have idea how to customize the following:

    (a) recent comment

    (b) navbar - to active it in langit template

    Regards nik

    ReplyDelete
  35. Hey please help me. My "post a comment" button isn't working. When you click it, nothing happens. Please help.

    My URL is http://direct-buy-reviews.blogspot.com

    ReplyDelete
  36. Automotive Diagnostic Tools & Equipment

    sinosells, the best place for online shopping from China.
    sinosells selling big brands of auto parts: auto auto diagnostic tool, ECU Tools, Locksmith Tools, Auto Accessories,Renault CAN Clip|FORD VCM IDS|VCM IDS|AD 900 key programmer|benz star 2000|Toyota tester|AK500 key programmer|Fly 100 Honda|x431|VCM IDS|Auto Diagnostic|Automotive Diagnostic|VAS 5054A|volvo vida dice|Lexia 3|Nissan consult 3 |T300 key programmer|Benz Star|FORD VCM IDS Digital Products, odometer correction, diagnostic scanner, auto scanner, immo code reader, airbag reset, transponder key, key blank.
    Please visit our website sinosells.com, for more details.
    sionsells "faith-based,customer first, service first", sinosells price will be more robust steps, boarded the update stage.
    Bmw GT1
    diagnostic tool
    auto diagnostic tools
    Programmer and Chips
    Auto Testing Tools
    Transponder Key
    Tire Pressure Monitoring System
    Original ICC IMMO Calculator
    Alarms and Security
    Car Ornaments
    Auto Locksmith Tools
    LAUNCH X-431
    D-CAN Interface
    inpa k+can
    xprog-m
    upa usb

    ReplyDelete