TUTORIAL™

<style>
/*------------- START Blogger Threaded Comments  -------------*/
/* Comment Box */.comments {clear: both;margin-top: 10px;margin-bottom: 0px;line-height: 1em;padding: 5px;}
.comments .comments-content {font-size: 13px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIfGYu_Cw_7UJAGiVWSnJcRNTZ_wTuC8DvyHhcWSjswXjzeNnEKEC4-5D6hKm1F2CjcabUV9Mm8d5dZ9KwgR5NYdnSJm4PN5Rj-tuA5MY-LaTPbYunGy_tDpzKlm4YKexLEaIzZfS1vbw/s1600/body+sella+Komentar.gif);margin-bottom: 16px;margin-top: -8px;margin-left:-10px;padding-left: 1em;zoom: 1.05;background-size: 100px;}
.comments .comment .comment-actions a {background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgObNLfEDeh0AnFy_CMcD5C0_SbbnfytTxjzR7-HEOqSUh7oBnMYZ0jOPtoWMXnOyyXKyAz4zSTKdOOp9ietscQFTbuMESPuIGYEWIeizpTPY3uFcyn4IuD4UtrB9l7Gnl5GlQkoHOjyjs/s1600/Style+img+Selladrt.PNG');padding:5px 10px;background-position: bottom;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;border:solid 1px #2a54aa;cursor: pointer;color: white;padding: 5px 10px;margin-right: -10px;margin-left:10px;float: center;margin-top: -13px;}.comments .comment .comment-actions a:hover {text-decoration: none;background-position:top;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear;border:1px solid #00ff00;-moz-box-shadow: 0px 0px 75px #a8eb17;-webkit-box-shadow: 0px 0px 75px #a8eb17;box-shadow: 0px 0px 75px #a8eb17;}.comments .comments-content .comment-thread ol {counter-reset: li;list-style: none;*list-style: decimal;font: 15px 'trebuchet MS', 'lucida sans';padding: 0;margin-bottom: 4em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}ol ol{margin: 0 0 0 2em;}.comments .comments-content .inline-thread {padding: 0.5em 1em;}.comments .comments-content .comment-thread {margin: 8px 0px;}.comments .comments-content .comment-thread:empty {display: none;}.comments .comments-content .comment-replies {margin-top: 1em;margin-left: 36px;}.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 {width: 18px;height: 18px;display:none;margin: 0 0 -4px 6px;}.user.blog-author a {background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgObNLfEDeh0AnFy_CMcD5C0_SbbnfytTxjzR7-HEOqSUh7oBnMYZ0jOPtoWMXnOyyXKyAz4zSTKdOOp9ietscQFTbuMESPuIGYEWIeizpTPY3uFcyn4IuD4UtrB9l7Gnl5GlQkoHOjyjs/s1600/Style+img+Selladrt.PNG);padding: 3px;padding-bottom: 3px;margin-left: -5px;text-decoration: none;}.user.blog-author a:hover {background-position:top;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;-o-transition: all .4s linear;transition: all .4s linear;border:1px solid #00ff00;-moz-box-shadow: 0px 0px 75px #a8eb17;-webkit-box-shadow: 0px 0px 75px #a8eb17;box-shadow: 0px 0px 75px #a8eb17;padding-left: 15px;}.comments .comments-content .datetime {margin-left:10px;}.comments .comments-content .comment-header,.comments .comments-content .comment-content {margin:px;}.comment-header {color: #fff;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgObNLfEDeh0AnFy_CMcD5C0_SbbnfytTxjzR7-HEOqSUh7oBnMYZ0jOPtoWMXnOyyXKyAz4zSTKdOOp9ietscQFTbuMESPuIGYEWIeizpTPY3uFcyn4IuD4UtrB9l7Gnl5GlQkoHOjyjs/s1600/Style+img+Selladrt.PNG');padding:5px 10px;background-position: bottom;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;border:solid 1px #2a54aa;-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);border:solid 1px #2a54aa;padding:5px;margin-left: -10px !important;margin-top: -10px !important;margin-right: -10px !important;}.comment-header :hover{color: #00ff00;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgObNLfEDeh0AnFy_CMcD5C0_SbbnfytTxjzR7-HEOqSUh7oBnMYZ0jOPtoWMXnOyyXKyAz4zSTKdOOp9ietscQFTbuMESPuIGYEWIeizpTPY3uFcyn4IuD4UtrB9l7Gnl5GlQkoHOjyjs/s1600/Style+img+Selladrt.PNG');padding:5px 10px;background-position: bottom;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;border:solid 1px #2a54aa;-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);border:solid 1px #2a54aa;}.comment-header a {color: #fff;font-family:' Bree serif', arial;font-size: 14px;}.comments .comments-content .comment-content {text-align:justify;margin-bottom: 15px;font: 15px magra, arial;line-height: 18px;}.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-top: 5px;margin-left: 48px;}.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;padding: 0.5em;font-weight: bold;}.comments .comments-content .loadmore {cursor: pointer;max-height: 3em;margin-top: 3em;}.comments .comments-content .loadmore.loaded {max-height: 0px;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;width: 7px;overflow: visible;margin: 0.3em;padding-right: 4px;}.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;width: auto;max-height: 56px;}.comments .avatar-image-container img {width: 20px;padding: 5px;-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);border:solid 1px #2a54aa;}.comments .comment-block{background: none repeat scroll 0 0 #FFFFFF;padding: 10px;position: relative;margin-left: 47px;box-shadow: 3px 3px #CCC;-webkit-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);-moz-box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);box-shadow: 0 1px 0px rgba(255,255,255,0.5) inset, 1px 3px 4px rgba(0,0,0,0.7);border:solid 1px #2a54aa;color: #444;text-decoration: none;-webkit-transition: all 3s ease-out;-moz-transition: all 4.26s ease-out;-ms-transition: all 3s ease-out;-o-transition: all 4.26s ease-out;transition: all 3s ease-out;}.comments .comment-block:hover{background:#2a54aa;color: #00ff00;}    .comments .comment-block:before{content: counter(li);counter-increment: li;position: absolute;    left: -2.5em;top: 50%;margin-top: -1em;background:#2a54aa;height: 2em;width: 2em;line-height: 2em;text-align: center;font-weight: bold;}.comments .comment-block:after{position: absolute;  
content: '';border: .5em solid transparent;left: -1em;top: 50%;margin-top: -.5em;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}.comments .comment-block:hover:after{left: -.5em;border-left-color:#2a54aa;}
/* Responsive styles. */
@media screen and (max-device-width: 480px) {
  .comments .comments-content .comment-replies {
    margin-left: 0;
  }
}
/*------------- End of Blogger Threaded Comments By Selladrt  -------------*/
</style>