Tutorial : Comment Box Style

Assalamualaikum

Request from Arrien, thanks for req yaa   Btw,  nih katanya :

STEPS :

1. Cari code ini di template mu :

/* Posts

2. Kemudian copy code ini di bawah nya :

.comment-content{
background:#FFFBFB;
padding:10px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-topright: 50px;
color:#666;}


h4{
background:#FFD7D7;
text-align:center;
color: #FF7070;
text-shadow:2px 2px 3px #888;
font:30px ttn !important;}
@font-face{
font-family:ttn;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}


@font-face {
font-family: 'Grand Hotel';
font-style: normal;
font-weight: 400;
src: local('Grand Hotel'), local('GrandHotel-Regular'), url(http://themes.googleusercontent.com/static/fonts/grandhotel/v1/NrGQkrs9rbHm5EYx0Eil0obN6UDyHWBl620a-IRfuBk.woff) format('woff');
}



.comment-block{background-image: url('http://i.imgur.com/UbExa.gif');
padding:10px;
border:3px dotted #F6B1B1}

.avatar-image-container{background:#FFD7D7;padding:5px;border-radius:50%;}

.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:30px;}
.avatar-image-container img:hover{
-webkit-transform: rotate(-360deg);-webkit-animation: shake 1.5s alternate ease-in;-moz-animation: shake 4500ms alternate infinite linear;}

.datetime{
background:#F6FCFF;
padding:8px;
float:right;
border-radius:30px;
font-family: Century gothic;
font-size: 10px;
margin-top:10px;}


.secondary-text{
padding:8px;
background:#F6FCFF;
border-radius:30px;
font-family: Century gothic;
font-size: 10px;
float:right;
border:2px solid #FFB0B3;
}


.deleted-comment {
font-style:italic;
color:gray;
}

3. Preview, if doesn't erorr then save.

*ADJUST CODES :

*MERAH : Ganti dengan warna mu.

*JINGGA : Ganti dengan URL gambar mu.

Credit : Yura.