Threaded Comments (Fitur Reply) Dengan Komentar Berbeda

Baiklah jika ingin mengaktifkan fitur reply ini di blog sobat, silahkan ikuti tahap2 berikut :
1. Login Ke Akun Blog Sobat
2. Pilih Rancangan/Tata Letak
3. Cari Kode ]]></b:skin> , Lalu Masukan Kode Berikut tepat diatasnya.

/* Thread Comments V3

----------------------------------------------- */

#comments{padding:16px 16px 0;overflow:hidden;margin-left:4px;margin-right:3px;border-radius:8px;border:4px solid none;box-shadow: 0 0 10px #ccc;-moz-box-shadow:0 0 10px #ccc;-webkit-box-shadow:0 0 10px #ccc;}

#comments h4{display:inline;padding:10px;line-height:40px}

#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}

#comments h4,.comments .continue a{-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px;border-left:5px double red;border-right:5px double red;}

#comments h4,.comments .user a,.comments .continue a{font-size:16px}

#comments h4,.comments .continue a{font-weight:normal;color:lime}

#comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #f7c100;border-right:20px solid transparent;width:0;height:0;line-height:0}

#comments .avatar-image-container img{border:0}

.comment-thread{color:silver}

.comment-thread a{color:red}

.comment-thread ol{margin:0 0 20px}

.comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color:orange}

.comments .avatar-image-container,.comments .avatar-image-container img{width:48px;max-width:48px;height:48px;max-height:48px}

.comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-left:60px}

.comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #333;background:#292929;padding:10px}

.comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}

.comments .comments-content .icon.blog-author{position:absolute;top:-12px;right:-12px;margin:0;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJQuNsgJ1awMr5c85ssxmL5CZfuVEEeSgbndNXRYXnl_2CwwcB4KVjrExDmjho0CvVVwkmSbuKRGOVwF7BM6PyPGuTn40dCSlrx_2FX_Q1cBWUs0ejlSoaxChDyICYrpBmDZ2OO9iDs6Ko/s36/author.png);width:36px;height:36px}

.comments .comments-content .inline-thread{padding:0 0 0 20px}

.comments .comments-content .comment-replies{margin-top:0}

.comments .comment-content{padding:5px 0;line-height:1.4em}

.comments .comment-thread.inline-thread{border-left:1px dashed lime;background:transparent}

.comments .comment-thread.inline-thread .comment{width:auto}

.comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}

.comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}

.comments .comment-thread.inline-thread .comment-block{margin-left:48px}

.comments .comment-thread.inline-thread .user a{font-size:13px}

.comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:36px;max-width:36px;height:36px;max-height:36px}

.comments .continue{border-top:0;width:100%}

.comments .continue a{padding:10px 0;text-align:center}

.comment .continue{display:none}

#comment-editor{width:103%!important}

.comment-form{width:100%;max-width:100%}

.comment-actions a {}

.comment-actions a:hover {}

4. Selanjutnya Cari Kode berikut :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

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

</b:if>

NB:::
- Biasanya terdapat ada 2 kode seperti itu. Jika Sudah ketemu Silahkan ganti semua yang mirip kode diatas dengan kode berikut :

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

5. Mudah bukan??hehee,.. sobat Privew dl, jika tdk terjadi keslahan, baru Simpan template !!!

✪»VΔиz_ϜЯΞΛKΣ«☣ Backlink !!!

URL

Code For Forum

HTML Code <a href='https://mirai-vanz.blogspot.com/2012/08/threaded-comments-fitur-reply-dengan.html' target='_blank'>Threaded Comments (Fitur Reply) Dengan Komentar Berbeda</a>

>>> You Might Also Like This,,,

BAGI DENGAN

Share|