How to Overcome Threaded Comment and Reply Blogger Comment Error - BLOGHINT

How to Overcome Threaded Comment and Reply Blogger Comment Error

Encrypting your link and protect the link from viruses, malware, thief, etc! Made your link safe to visit.



This tutorial is a continuation as well as the answer to the previous article about the blog comment error, the reply button is not working . The blogger's tips this time are still around Blogger / blogspot comments, but this is really the solution. The details of the problem are as follows:

  • Threaded comments that appear flush with the parent comment.
  • The reply button comment not working, not working as it should. 


Especially for Themeindie.com template users and experiencing errors in their blog comments, it is advisable to follow the tutorial as follows.

How to fix threaded Blogger comment error and reply button not working?

Before proceeding to the tutorial, please backup your XML template first, to avoid something that shouldn't happen in your life.

To follow this tutorial, you must enter the Blogger editor, select the Theme menu Edit HTML .
The method is as follows.

1. Return the <head> and </head> tags as appropriate

Look for code like this:

& lt; head & gt; 

or

& lt;! - <head> - & gt; & lt; head & gt;


Return to something like this:

<head>


Next look for code like this:

& lt; / head & gt; 

or

& lt;! - </head> - & gt; & lt; / head & gt;

Change back to like this:
</head>

2. Return the </body> tag as it should

Look for this code:

& lt;! - </body> - & gt; & lt; / body & gt;


Replace it with this code:

</body>


3. Follow these steps

Look for this code:

        <b: if cond = 'data: blog.pageType == & quot; static_page & quot;'>
          <b: if cond = 'data: post.showThreadedComments'>
            <b: include data = 'post' name = 'comments' />
          <b: else />
            <b: include data = 'post' name = 'comments' />
          </ b: if>
        </ b: if>
        <b: if cond =' data: blog.pageType == & quot; item & quot; '>
          <b: if cond =' data: post.showThreadedComments'>
            <b: include data = 'post' name = 'comments' />
          <b: else />
            <b: include data =' post 'name = 'comments' />
          </ b: if>
        </ b: if>


Replace the code with the following code:

        <b: if cond = 'data: blog.pageType == & quot; static_page & quot;'>
          <b: include data = 'post' name = 'comment_picker' />
        </ b: if>
        <b: if cond = 'data : blog.pageType == & quot; item & quot; '>
          <b: include data =' post 'name =' comment_picker '/>
        </ b: if>


Note:
Usually there are 2 codes, each of which is in this code:
<b: includable id = 'main' var = 'top'>

And this code:
<b: includable id = 'mobile-post' var = 'post'>


4. Next, follow this method

Replace all of this code:

<b: includable id = 'comment_picker' var = 'post'> ... </ b: includable>


With this:

    <b: includable id = 'comment_picker' var = 'post'>
  <b: if cond = 'data: post.commentSource == 1'>
    <b: include data = 'post' name = 'iframe_comments' />
  <b : else />
    <b: if cond = 'data: post.showThreadedComments'>
      <b: include data = 'post' name = 'threaded_comments' />
    <b: else />
      <b: include data = 'post' name = 'comments' />
    </ b: if>
  </ b: if>
</ b: includable>


5. Fix the display

You should add and edit the following CSS, to enhance the appearance of comments. Because, some old class and id tags have been replaced by Blogger.

/ * Additional CSS for comments * /
.comment-thread .user a {font-weight: 700; color: # 000; padding: 0; font-size: 13px; text-decoration: none;}
.comment-thread .user a: hover {color: inherit}
.comment-thread .user {font-weight: bold; padding: 0; font-size: 13px; text-decoration: none;}
.comment-thread .datetime {font-weight: normal ; font-size: 11px;}
.comment-thread .user {padding: 0; font-size: 13px; font-weight: bold; position: relative;}
.comment-thread .datetime {color: # a9a9a9; font- size: 12px! important; margin-top: -3px;}
.comment-thread .datetime a {text-decoration: none; color: # a9a9a9; font-size: 12px! important; font-weight: normal;}
.comment -thread .datetime a: hover {color: # 000;}
.comment-content {line-height: 1.5em; margin: 4px 0 5px; color: # 444; font-weight: normal; font-size: 13px; word-wrap: break-word; padding: 0;}
a. comment-reply, .item-control a {color: #aaa! important; font-size: 12px! important; font-weight: normal! important;}
a: hover.comment-reply, .item-control a: hover { color: # 000! important;}
.item-control {margin-left: 0px} / * delete comment button * /
.thread-chrome a.comment-reply {margin-top: 20px! important; border: 1px solid #eee ; text-align: center; border-radius: 5px}
.thread-chrome a: hover.comment-reply {border-color: #bbb}
.comment-block {margin-left: 65px; padding: 10px; text-align : left; border: 1px solid # f5f5f5; border-radius: 5px; position: relative; display: block}
#comments .comments-content .icon.blog-author {
width: 16px; height: 16px; margin-left: 5px; vertical-align: 2px; display: inline-block; background: url (& quot; data: image / svg + xml, <svg viewBox = '0 0 24 24' xmlns = 'http: //www.w3.org/2000/svg'> <path d = 'M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9M12,1L3,5V11C3,16.55 6.84 , 21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1Z 'fill ='% 23118ff9 '/> </svg> & quot;) center center no-repeat;}


6. Alternative: If the comment title and comment message are messy?

Fix it this way,

Please expand and replace all of this code:

<b: includable id = 'threaded_comments' var = 'post'> ... </ b: includable>


With this code:

    <b: includable id = 'threaded_comments' var =' post '>
  <div class =' ​​comments' id = 'comments'>
    <a name='comments'/>
   <h3>
  <b: if cond =' data: post .numComments == 1 '> 1 <data: commentLabel />:
     <b: else />
      <span class =' ​​embel '> This post have </span> <data: post.numComments /> <data: commentLabelPlural />
    </ b: if>
   </h3>
    <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: include cond = 'data: post.embedCommentForm' data = 'post' name = 'threaded_comment_js' />
      <div id = 'comment-holder'>
         <data: post.commentHtml />
      </div>
    </ div >
    <b: if cond = 'data: showCmtPopup'>
      <div id = 'comment-popup'>
        <iframe allowtransparency = 'true' frameborder = '0' id = 'comment-actions' name = 'comment-actions' scrolling = 'no'>
        </iframe>
      </div>
    </ b: if>
    <div id = 'backlinks-container'>
    <div expr: id = 'data: widget.instanceId + & quot; _backlinks-container & quot;'>
      <b: include cond = 'data: post.showBacklinks' data = 'post' name = 'backlinks' />
    </div>
    </div>
  </div>
</ b: includable>


Save Theme,

Done.

This method has been applied to the Viralism Premium Blogger Template . And 100% working very smoothly.

That's the blogger tutorial on how to deal with blogspot comments / blogger errors and the reply button doesn't work , hopefully it's useful and thank you!

If you have questions regarding this tutorial, please comment below.

0 Response to "How to Overcome Threaded Comment and Reply Blogger Comment Error"

Post a comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel