Customize Blogger labels with gradients CSS

Customize Blogger labels with wonderful color gradients

Customize Blogger labels

Do you own a blog on Blogger platform

Do you like designing and developing blogger templates?

I give you the CSS code to make the appearance of Blogger labels better

Of course you need to customize and design your blog better

I offer you a wonderful CSS code set with color gradients that make you a better blogger

All you have to do is go to your blog and put the code inside the HTML editor below the skin  ]]></b:skin>

Code for Blogger Labels

<style>

/* Label1 https://bttemb.blogspot.com/ CSS Styles */

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {

font-size:100%;

filter:alpha(100);

opacity:10

}

.cloud-label-widget-content{

text-align:left

}

.label-size {

background:linear-gradient(to bottom, #3D6218 0, #548722 40%, #578B23 50%, #548722 60%, #3D6218 100%) no-repeat;

display:block;

float:left;

margin:0 3px 3px 0;

color:#ffffff;

font-size:11px;

text-transform:uppercase;

}

.label-size a,.label-size span{

display:inline-block;

color:#ffffff !important;

padding:6px 8px;

font-weight:bold;

}

.label-size:hover {

background:#333333;

}

.label-count {

white-space:nowrap;

padding-right:3px;

margin-left:-3px;

background:linear-gradient(to bottom, #EA3B06 0, #F83F07 8%, #FA7147 40%, #FB7951 50%, #FA7147 60%, #F83F07 93%, #EA3B06 100%) no-repeat;

color:#fff !important;

}

.label-size {

line-height:1.2

}

</style>

Place the code directly below the skin ]]></b:skin>

Then click Save and see the result