SEBELUMNYA CB sudah membuatkan tips Cara Mengatasi Jawab Komentar  Cara buat blog itu- Cara Mengatasi Balas Komentar (Reply Comments) yang Tidak Berfungsi
SEBELUMNYA CB sudah membuatkan tips Cara Mengatasi Jawab Komentar (Reply Comments) yang Tidak Berfungsi di posting Mengatasi Reply Comments Blogger Error.

Kali ini CB share kembali sekaligus update, sesudah 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 arahan 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 arahan menyerupai 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 arahan <div class='post-outer'>

3. Hapus tersebut dan ganti dengan arahan 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 berkembang menjadi menyerupai bawaan Blogger. Untuk merapikannya, menjadi menyerupai kolom komentar Blog CB ini, ganti semua arahan CSS Comments (biasanya diawali dengan arahan .coments atau #comments) dengan arahan 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 arahan &lt;!--</body>--&gt;&lt;/body&gt; dengan </body>
2. Jika masih tidak berfungsi, lakukan langkah ini:

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

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

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

Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours