अपने blog के comment style को बदले

Stylish Comment — How to Change comments style on Blogger

Hello Friends इस Tutorial में मैं आपको एक Great Comment Feature Block के बारें में बताने जा रहा हूँ जिससे आप अपने Blogger Blog में Comment Style को Change कर सकतें हैं | So Friends Let’s Read About Change How to Change comments style on Blogger?

So Friends इस Beautiful Comment Box को अपने Blog में लगाने के लिए नीचे दिए गए Instructions को Follow करें |

अपने Blogger Dashboard पर जाएँ |
अब Template पर Click करें और इसके बाद Edit HTML पर Click करें.
अब इसके अन्दर ]]></b:skin> को CTRL+F की मदद से ढूंढें |

अब नीचे दिए गए दो Versions में से किसी भी एक Comment Style Version को Select करके Copy करें और इसे ]]></b:skin> के ऊपर Paste कर दें |

Comment Style Version 1.0

.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;
}

Comment Style Version 2.0

.comments .comment-block {
background: url(“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHGj9gV7Dng-1JKWILb6vnXh5SvPRyvZVHIM4ppleJDCIjaI9ongwERBT5uTYpY5v86aaYZmw6ma4gcv2PjXnNPU2uqjBPsaHOR1e42gjk0h10FSNrLX8wE5etPgRtelfbXMl-j874hCw/s1600/bg.png”) repeat scroll 0 0 transparent;
border: 4px solid #EAEAEA;
border-radius: 3px 3px 3px 3px;
box-shadow: 3px 3px 0 #D6D6D6;
margin-left: 48px;
padding: 3px 10px;
position: relative;
}
#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;
}
.comment-header {
border-bottom: 2px solid #F1F1F1;
}
.comment-block:hover > .comment-header {
-moz-transition: border-color 0.5s ease 0s;
border-bottom: 2px solid #000000;
}
.comments .comment .comment-actions a {
background: -moz-linear-gradient(center top , #EEEEEE 0%, #CCCCCC 100%) repeat scroll 0 0 transparent;
border: 2px solid #E0E0E0;
border-radius: 3px 3px 3px 3px;
color: #000000;
font: bold 12px arial;
margin-right: 14px;
padding: 4px 11px !important;
text-decoration: none !important;
text-shadow: 1px 1px 0 #FFFFFF;
}

अब Save Button पर Click करें |

So Friends यह Post आपको कैसी लगी Comment के माध्यम से जरूर बताएं | और अपने Friends के साथ जरूर शेयर करें.

Dgyaan-digital gyaan

अपने blog के comment style को बदले