SEBELUMNYA CB sudah menyebarkan tips Cara Mengatasi Jawab Komentar  Cara Mengatasi Balas Komentar (Reply Comments) yang Tidak Berfungsi
SEBELUMNYA CB sudah menyebarkan tips Cara Mengatasi Jawab Komentar (Reply Comments) yang Tidak Berfungsi di posting Mengatasi Reply Comments Blogger Error.

Kali ini CB share kembali sekaligus update, sehabis CB mengatasi tombol reply comment (balas komentar) di blog ini, dengan mengikuti salah satu tips di postingan tadi.

Kini CB sudah dapat klik balas komentar, sekaligus mengubah tampilannya menjadi bawaan Blogger.

Mengatasi Reply Comment (Balas Komentar) yang Tidak Berfungsi

1. Klik "Template" > klik "Edit HTML"
2. Cari (Ctrl+F), temukan, dan hapus isyarat berikut ini:

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

atau isyarat ibarat ini:

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

Catatan: Kode di atas ada di bawah isyarat <div class='post-outer'>

3. Hapus tersebut dan ganti dengan isyarat berikut ini:

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

4. Save! Simpan Template.

Tombol balas komentar sudah berfungsi. Namun, tampilannya bermetamorfosis ibarat bawaan Blogger. Untuk merapikannya, menjadi ibarat kolom komentar Blog CB ini, ganti semua isyarat CSS Comments (biasanya diawali dengan isyarat .coments atau #comments) dengan isyarat di bawah ini.

.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:bold}.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:bold;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 #ffffff;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 #eeeeee}
.comments .comments-content .icon.blog-author{background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==)}
.comments .comments-content .loadmore a{border-top:1px solid #999999;border-bottom:1px solid #999999}
.comments .comment-thread.inline-thread{background-color:#f9f9f9}
.comments .continue{border-top:1px solid #ddd}
.comment-form p {margin:15px 0;}

Save lagi!

Balas Komentar Masih Tidak Berfungsi?

Jika tombol jawab komentar masih tidak berfungsi juga, lakukan langkah ini (biasanya untuk template bukan bawaan Blogger atau "diklaim" Valid HTML5).

Coba satu per satu. Jika langkah nomor satu sudah berhasil, langkah lainnya tidak diperlukan.

1. Ganti isyarat &lt;!--</body>--&gt;&lt;/body&gt; dengan </body>
2. Jika masih tidak berfungsi, lakukan langkah ini:

  • Ganti isyarat &lt;head&gt; dengan <head> 
  • Ganti &lt;/head&gt;&lt;!--<head/>--&gt; dengan </head>

3. Jika masih tidak berfungsi, ganti isyarat b:css='false' dengan b:css='true'

Demikian Cara Mengatasi Balas Komentar (Reply Comments) yang Tidak Berfungsi. Good Luck & Happy Blogging! (www.idtutorial.com).*

Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours