OscarminiOscarmini
  • Home
  • Reviews
  • Gadgets
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact us
    • Advertise
    • About Us
Facebook Twitter Instagram
  • Home
  • Reviews
  • Gadgets
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact us
    • Advertise
    • About Us
Facebook Twitter Instagram
Oscarmini Oscarmini
Subscribe
  • Home
  • Reviews
  • Gadgets
  • Computers
  • How Tos
  • Travel & Lifestyle
  • Phone ROMs
  • Contact us
    • Advertise
    • About Us
OscarminiOscarmini
Home»Tip»How To Show Comment Box Above Comments In Blogger
Blogging

How To Show Comment Box Above Comments In Blogger

Isaac FrankBy Isaac Frank1 Min Read
Facebook Twitter WhatsApp LinkedIn Email
Share
Facebook Twitter LinkedIn WhatsApp Pinterest Email

By Default, All blogger blogs comment system is structured in such a way that the comment box aalways appear below comments. But with little trick, You can add the comment box just above comments.

There are no much reasons or benefits of this trick but it can help to save your user the stress of scrolling to the bottom of the page to make a comment. Imagine when you have about 200 comments.

Live Demo

Lets get started.

To Get This done, follow this steps below:

#1. Goto Your Blogger Blog Dashboard .

#2. Locate the blog you want to customize it on

#3. Goto Template

#4. Click Edit Html (Remember to Backup Your Blog Template incase you Make a mistake

#5. Click “Expand Widget Templates” box

#6. Find the code below

<div class=’comments-content’>
<b:if cond=’data:post.embedCommentForm’>
<b:include data=’post’ name=’threaded_comment_js’/>
</b:if>
<div id=’comment-holder’>
<data:post.commentHtml/>
</div>
</div>
<p class=’comment-footer’>
<b:if cond=’data:post.allowNewComments’>
<b:include data=’post’ name=’threaded-comment-form’/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>

#7. Delete ithe Above code or Replace it with The code below:

<p class=’comment-footer’>
<b:if cond=’data:post.allowNewComments’>
<b:include data=’post’ name=’threaded-comment-form’/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<div class=’comments-content’>
<b:if cond=’data:post.embedCommentForm’>
<b:include data=’post’ name=’threaded_comment_js’/>
</b:if>
<div id=’comment-holder’>
<data:post.commentHtml/>
</div>
</div>

#8. Now Find </body>

#9. Just Above the Code above, Insert The Code below:

<!– comment form before comment content starts –>
<script src=’http://code.jquery.com/jquery-latest.js’/>
<script>
var yob = $(“.comment-replybox-thread”).closest(“.comment-thread”).parent(“div”).children(“.comment-thread”).children(“.comment-replybox-thread”);
jQuery(‘.comment-thread ol’).before(jQuery(yob));
</script>
<!– comment form before comment content ends –>

Save Template and You are Done.

Credits: TechTrickHome

blogger how to
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
Isaac Frank
  • Website

I'm a writer, blogger, tech enthusiast and simply a Geek!

Related Posts

5 Best Gadgets For Hobby-Bloggers In 2022

March 3, 2021

5 Best Writing Software And Gadgets For Writers In 2022

January 14, 2021

Suggestions on How To Write Enough

November 15, 2020
Add A Comment

Comments are closed.

Latest Posts

Amazing Features in Telegram Premium You Need to Know

July 1, 2022

PiggyVest Acquires Abeg

July 1, 2022

How to Immigrate to Canada

June 29, 2022

How to Apply for Canada Work Permit

June 29, 2022
Oscarmini
Facebook Twitter Instagram YouTube
© 2022 Oscarmini Co. Designed by illBytes.

Type above and press Enter to search. Press Esc to cancel.