Kode Script Thread Comment Bertingkat Sederhana

Kode Script Thread Comment Bertingkat Sederhana

Cara Sederhana membuat  Thread Comment Bertingkat
Simpan kode ini di atas ]]></b:skin> atau </style>:


/* Efek thread-comment bertingkat hanya dengan CSS
 * Level tingkatan dibuat dengan cara menuliskan margin-left dengan nilai yang
berbeda
 */
.comments .thread-toggle {
  margin-bottom:10px;
}
.comments .comment-thread.inline-thread .comment .comment-block {
  margin-left:52px;
}
.comments .comment-thread.inline-thread .comment {
  margin:0px 0px 5px 30%; /* Level 6+ */
  background-color:#222;
  border:1px solid #333;
  padding:10px 15px;
  color:#ccc;
}
.comment .comment-thread.inline-thread .comment:nth-child(6) {margin:0px 0px 5px  25%;} /* Level 6 */
.comment .comment-thread.inline-thread .comment:nth-child(5) {margin:0px 0px 5px 20%;} /* Level 5 */
.comment .comment-thread.inline-thread .comment:nth-child(4) {margin:0px 0px 5px 15%;} /* Level 4 */
.comment .comment-thread.inline-thread .comment:nth-child(3) {margin:0px 0px 5px 10%;} /* Level 3 */
.comment .comment-thread.inline-thread .comment:nth-child(2) {margin:0px 0px 5px 5%; } /* Level 2 */
.comment .comment-thread.inline-thread .comment:nth-child(1) {margin:0px 0px 5px 0%; } /* Level 1 */

semoga berhasil

kembali ke tutorial di sini