Latest GADGETS :

How to Change comments style on blogspot by simple



How to Change comments style on blogspot by simple


step1:first up all Sign in to the Blogger Account

step2:then Select Template and click Edit HTML (Click on Proceed)
Find ]]></b:skin> (Find using ctrl + F) [Alternate Wayt to copy css code]
Copy any of  the type of below css code  just above it.
Click on Save


step3: finally paste the following code above mentioned area and enjoy like real website feel.



.comments .comment .comment-actions a {
background: none repeat scroll 0 0 #FFD99E;
border: 2px solid #FFB43D;
border-radius: 3px 3px 3px 3px;
color: #000000;
font: bold 12px arial;
margin-right: 14px;
padding: 3px 9px;
text-decoration: none !important;
text-shadow: 1px 1px 0 #FFFFFF;

}

.comments .comment-block {

background: none repeat scroll 0 0 #E2E2E2;
border: 4px solid #ABABAB;
border-radius: 3px 3px 3px 3px;
padding: 3px 10px;

}

.continue a {
background: none repeat scroll 0 0 #FFD99E;
border: 2px solid #FFB43D;
border-radius: 3px 3px 3px 3px;
color: #000000 !important;
display: inline-block !important;
margin-top: 7px;
padding: 3px 8px !important;
text-decoration: none !important;
text-shadow: 1px 1px 0 #FFFFFF;
}
.comment-block:hover > .comment-header {
border-bottom: 2px solid #000;
-moz-transition: border-color .5s ease;

}

.comment-header a {

color: #000000 !important;

}

#comments .avatar-image-container img {
border: 2px solid #FFFFFF !important;
border-radius: 50px 50px 50px 50px;
height: 57px;
max-width: 57px;

}

.comments .avatar-image-container {
border: 2px solid #FFFFFF;
border-radius: 34px 34px 34px 34px;
box-shadow: 1px 1px 3px #ABABAB;
float: left;
margin-left: -40px;
max-height: 60px !important;
overflow: hidden;
width: 60px !important;
}

Topics:how to change comment form on blogger,how to change comments on blogspot,how to change 0 comments on blogger,how to change  comments link on blogger,how to change comment style on blogspot
Share this article :

Post a Comment

 
Support : techupdates | latesthelp1 | techupdates
Copyright © 2011. LATESTHELP1 - All Rights Reserved
Template Created by Creating Website Published by tech updates
Proudly powered by Free Blogger Template latesthelp1