Custom Comment Style For Blogger Blog Of 2016 V2

Blog Design Play a Viral role to Visitors means Visitors will attract by your design and they will bookmark your blog for sure.As you know that I'm designing very much things to make your blog attractive,attractive and attractive.So that's why today I designed a Comment Style which is Uniquest ever and never ever seen before.What are you waiting for? lets start the post and give you the amazing + uniquest comment style.

Why You Use This Comment Style?

This Comment style has many features and its attractive comment style that never ever seen before this mean it is unique too.It will play a viral role in attracting visitors.People will love this comment style.So in my opinion you should use it!

Add This Comment Style In Your Blog

The much awaited step has arrived and I surely say that this comment style will gonna rock on your blogs.So follow all the steps carefully its very easy.

• Go to Blogger>>Template>>Edit HTML
• Search for ]]></b:skin> by pressing Crtl+F.
• Above the ]]></b:skin> Tag add the following code.

/* Comment Style By BloggerJinni.Blogspot.Com  ---------------------------------- */
.comments .comment-block {
background: #FFFFFF;
color: #000;
position: relative;
margin-top: 10px;
margin-left: 60px;
padding: 10px;
border: 4px solid #EEEEEE !important;
font-family: Advent Pro;
}
.comments .avatar-image-container, .comments .avatar-image-container img {
max-width: 1000%!important;
display: block;
max-height: 1000%!important;
width: 48px!important;
height: 48px!important;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-right: 10px;
}
.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;
margin-left: 5px;
}
.comments .comment-thread.inline-thread {
background: none;
}
.comments .continue {
border-top: 0px solid transparent;
}
#comments h4 {
color: #333;
font-size: 20px;
font-family: sans-serif;
line-height: 1.6em !important;
text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.13);
margin: 0px;
text-transform: uppercase;
}
.comments .continue a {
background:#0d86cc;
text-align:center;
padding:10px 0;
display:none;
}
.comments .continue a {
text-transform: uppercase;
font-family: Oswald;
font-size: 24px;
font-weight: normal;
line-height: 25px;
margin-bottom: 35px;
}
.comments .comments-content .comment-content {
margin: 0;
padding: 20px;
padding-bottom: 30px!important;
padding-top: 15px!important;
border: 1px solid #d2d2d2;
font-family: sans-serif;
font: status-bar;
}
.comments .user a {
color: #444!important;
font-size: 18px;
line-height: 25px;
text-transform: capitalize;
margin-top: 20px;
font-weight: 600;
}
.comments .comments-content .datetime {
cursor: pointer;
float: right;
padding-top: 6px;
padding-right: 20px;
}
.icon.user {
background: url(http://png-4.findicons.com/files/icons/195/office_men/16/man_dbrown.png) no-repeat;
height: 12px;
width: 16px;
display: inline-block;
margin: 0 0 -0px 6px;
}
.comments .comment-thread.inline-thread .user a {
font-size:13px;
margin: 0px;
padding: 0px;
}
.comment-actions {
background: #f2f2f2;
padding: 8px;
margin-left: 435px;
border: 1px solid #ddd;
float: right;
margin-right: 5px;
}
.comment-thread a {
color: #777;
}
.comments .comment .comment-actions a:hover {
text-decoration: underline;
}
.comments .comments-content .icon.blog-author {
display: inline-block;
height: 18px;
margin: 0 0 -2px 6px;
width: 18px;
background-image: url(http://png-2.findicons.com/files/icons/760/hand_drawing/16/user_admin.png);
}
.comment-form p {
font-size: 14px;
line-height: 25px;
padding-bottom: 20px;
}

• Click Save! 
• You have Successfully Added this Comment Style in your blog!

From The Editor's Desk

I hope you like this Comment Style very much and I hope you don't get any trouble for adding this but incase you got any kind of problem then we are here to help you any time with 24/7 support.So comment below and your problem will be solved.If you like our efforts then kindly share it with your friends.Peace and Happy Blogging!

• Tweet
• Share
• Share
• Share
• Share

About Admin

Syed Zaver Abbas is SEO expert in pakistan. he is web designer, web developer, software developer and graphics designer that means he is multi talented. he is also learning more about computer science.

Related Post