Tutorial : Comel Chains Comment Box

Assalamualaikum♥

Tutorial again! tak sangka ada orang berkenan comment box macam aku! aku ingat, aku sorang je terasa comel. errr errr. sebenarnya comment box gituu. aku tiru dari comment box Aina Akmal. HAHAHA. tapi tak menjadi sangat. Aku ni memang suka tiru blog dia. soo jangan tanya kenapa yerr ;)

|

|

|

1. Go to Setting > Post And Comments > Comment Location Choose Embedded > Save settings.
2. Template > Edit Html > Click Box Code > CRTL+F .. Find this code : /* Comments
3. Dah jumpa? Kalau dah jumpa delete semua code dibawah /* Comments
4. Copy ni code and paste di bawah code /* Comments

.h4 {
background:#D1F4FE;text-align:center;
color:#fff;
text-shadow:2px 2px 3px #888;
font:30px ttn !important;
}
.comments {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #ffffff;
padding: 10px;
}
.comment-block{
background:  #ff69ba;
padding:10px;
border-radius:10px;
}
.comment-content{
background:#ffc0cb;
padding:13px;
border-radius:10px;
color:#000000;}
.datetime{
background:#696969;padding:5px;
float:right;
border-radius:10px;
font:10px arial;
margin-top:10px;
}
.secondary-text{
padding:5px;
background:#696969;border-radius:5px;
float:right;
}
.avatar-image-container{
}
.avatar-image-container img{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
border-radius:50%;
}
.avatar-image-container img:hover{
border-radius:50%;
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;
}
.comments .comments-content .loadmore a {
}
.comments .comment-thread.inline-thread {
background:url(URL IMAGE);
}
.comments .continue {
}