How To Fix Reply Button Does Not Work In Blogger - WebDuniya

Friday, December 21, 2018

How To Fix Reply Button Does Not Work In Blogger

Fix Reply Button Doesn't Work In Blogger


Welcome to webduniya ; After a long time we are back with new helpful article ; hope you are also known that lots of blogger templates threaded comment reply button didn't work. for that reason lots of blogger users leaved blogging or going blog to word-press. if you feel upset and looking for solution 😞 to fix reply button then this post for you... because we are always share best reliable helpful content. no need to used disqus , or facebook comment system.




How To Fix Reply Button Does Not Work In Blogger
How To Fix Reply Button Does Not Work In Blogger





Let's Follow Our Step:


How To Fix Reply Button Does Not Work In Blogger:



This Tips Are Mainly Made With CSS & HTML . No Need To Placing JavaScript . So It's
Doesn't  Effect On Your Blog Page Speed. This Fully Responsive Seo Friendly & Verified Tricks....




πŸ’¦ First Login Your Blogger Id ; πŸ’¦ Click the "Template" menu> click "Edit HTML"

πŸ’¦ Search for   <div class='post-outer'>     Using (Ctrl + F) 

πŸ’¦ Next You will be seen there following code look like below



<b:include data='post' name='post'/> 

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

πŸ’§Either


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



πŸ’¦ If You Find Above 2 of any code then delete completely...


πŸ’¦ After Deleting There Paste Following code


<b:include data='post' name='post'/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'>  <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:if cond='data:blog.pageType == &quot;item&quot;'>  <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>


πŸ’¦ Finally Save Your Theme ;


Please Make a Sure or Checked Above Code Must Be Added In Below πŸ‘€


 <div class='post-outer'>  Tag.


πŸ’¦ Next Search For Comment Css And Replace With Following Css.


.comments h4{font:normal bold 15px Arial,Tahoma,Helvetica,FreeSans,sans-serif;margin:.75em 0 0}#comments .comment-author{padding-left:25px}.comment-body{margin:.5em 25px}.comment-footer{margin:.5em 25px 1.5em}.comment-body p{margin:0}#comments .avatar-comment-indent .comment-author{margin-left:-45px;padding-left:45px}.deleted-comment{font-style:italic;opacity:.5}#comment-actions{background:transparent;border:0;padding:0;position:absolute;height:25px}#comments .blogger-comment-icon,.blogger-comment-icon{line-height:16px;background:url(/img/b16-rounded.gif) left no-repeat;padding-left:20px}#comments .openid-comment-icon,.openid-comment-icon{line-height:16px;background:url(/img/openid16-rounded.gif) left no-repeat;padding-left:20px}#comments .anon-comment-icon,.anon-comment-icon{line-height:16px;background:url(/img/anon16-rounded.gif) left no-repeat;padding-left:20px}.comment-form{clear:both;_width:410px}.comment-link{white-space:nowrap}.paging-control-container{float:right;margin:0 6px 0 0;font-size:80%}.unneeded-paging-control{visibility:hidden}#comments-block .avatar-image-container img{-ms-interpolation-mode:bicubic;border:1px solid #ccc;float:right}#comments-block .avatar-image-container.avatar-stock img{border-width:0;padding:1px}#comments-block .avatar-image-container{height:37px;left:-45px;position:absolute;width:37px}#comments-block.avatar-comment-indent{margin-left:45px;position:relative}#comments-block.avatar-comment-indent dd{margin-left:0}iframe.avatar-hovercard-iframe{border:0 none;padding:0;width:25em;height:9.4em;margin:.5em}.comments{clear:both;margin-top:10px;margin-bottom:0}.comments .comments-content{margin-bottom:16px}.comments .comment .comment-actions a{padding:5px 8px;background:#5f4d53;color:#fff;font-size:12px;margin-right:10px;border-radius:5px}.comments .comment .comment-actions a:hover{text-decoration:underline}.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:left}.comments .comments-content .inline-thread{padding:.5em 1em}.comments .comments-content .comment-thread{margin:8px 0}.comments .comments-content .comment-thread:empty{display:none}.comments .comments-content .comment-replies{margin-left:36px;margin-top:1em}.comments .comments-content .comment{margin-bottom:16px;padding-bottom:8px}.comments .comments-content .comment:first-child{padding-top:16px}.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}.comments .comments-content .comment-body{position:relative}.comments .comments-content .user{font-style:normal;font-weight:700}.comments .comments-content .icon.blog-author{display:inline-block;height:18px;margin:0 0 -4px 6px;width:18px}.comments .comments-content .datetime{margin-left:6px;display:none}.comments .comments-content .comment-header,.comments .comments-content .comment-content{margin:0 0 8px}.comments .comments-content .comment-content{text-align:left;text-align:left;font-size:95%;font-family:Arial}.comments .comments-content .owner-actions{position:absolute;right:0;top:0}.comments .comments-replybox{border:none;height:250px;width:100%}.comments .comment-replybox-single{margin-left:48px;margin-top:5px}.comments .comment-replybox-thread{margin-top:5px}.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}.comments .thread-toggle{cursor:pointer;display:inline-block}.comments .continue{cursor:pointer}.comments .continue a{display:block;font-weight:700;padding:.5em}.comments .comments-content .loadmore{cursor:pointer;margin-top:3em;max-height:3em}.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}.comments .thread-chrome.thread-collapsed{display:none}.comments .thread-toggle{display:inline-block}.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;margin:.3em;overflow:visible;padding-right:4px;width:7px}.comments .thread-expanded .thread-arrow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC) no-repeat scroll 0 0 transparent}.comments .thread-collapsed .thread-arrow{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==) no-repeat scroll 0 0 transparent}.comments .avatar-image-container{float:left;max-height:36px;overflow:hidden;width:36px}.comments .avatar-image-container img{max-width:36px}.comments .comment-block{margin-left:48px;position:relative}.comments .hidden{display:none}@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-left:0}}table.tr-caption-container{padding:4px;margin-bottom:.5em}td.tr-caption{font-size:80%}.icon-action{border-style:none!important;margin:0 0 0 .5em!important;vertical-align:middle}.comment-action-icon{width:13px;height:13px;margin-top:3px}.delete-comment-icon{background:url(/img/icon_delete13.gif) no-repeat left;padding:7px}#comment-popup{position:absolute;visibility:hidden;width:100px;height:20px}.comments h4{font:normal bold 15px Arial,Tahoma,Helvetica,FreeSans,sans-serif;margin:.75em 0 0}blockquote{background:#f9f9f9;padding:15px;margin:10px}#comments .comment-author{padding-top:1.5em;border-top:1px solid #fff;background-position:0 1.5em}#comments .comment-author:first-child{padding-top:0;border-top:none}.avatar-image-container{margin:.2em 0 0}#comments .avatar-image-container img{border:1px solid #eee}.comments .comments-content .icon.blog-author{display:inline}.comments .comments-content .icon.blog-author:after{content:&quot;Admin&quot;;background:#FF4F4F;color:#fff;font-size:12px;padding:2px 5px;border-radius:3px}.comments .comments-content .loadmore a{border-top:1px solid #999;border-bottom:1px solid #999}.comments .comment-thread.inline-thread{background-color:#f9f9f9}.comments .continue{border-top:1px solid #ddd}.comment-form p{margin:15px 0}


That's It , Done 


πŸ‘‰ If Not Solved There Your Problem Then Changes Some Following Important 
Works. 


  • Compress Head tag to  <head>  and  </head>
  • Compress Body tag to  </body>



That's It 


Author Note πŸ”–


Thank You For Visiting Our Blog. Hope You Are Likes This Helpful Article; Also Works Your Blog Then Please Let Us Known With Your Comments....
Don't Forget To Share This Post To Help Others Blogger.


This Is The Newest Post
PREVIOUS ARTICLE Previous Post
This Is The Newest Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner