تخصيص تسميات بلوجر بتدرجات لونية css

تخصيص تسميات بلوجر بتدرجات لونية css

هل تملك مدونة على منصة بلوجر ؟
هل تحب التصميم وتطوير قوالب بلوجر؟
أقدم لك كود css لجعل مظهر تسميات بلوجر أفضل..

تخصيص تسميات بلوجر بتدرجات لونية css

بالطبع أنت بحاجة إلى تخصيص وتصميم مدونتك بشكل أفضل
أقدم لكم مجموعة أكواد css رائعة بتدرجات لونية تجعل شكل تسميات مدونة بلوجر أفضل
كل ماعليك هو التوجه إلى مدونتك ووضع الأكواد داخل محرر html أسفل ]]></b:skin>
الكود الخاص بتسميات بلوجر
ضع الأكواد مباشرة أسفل الوسم  ]]></b:skin>


الكود

<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>

بعد ذلك إضغط حفظ وشاهد النتيجة.