How to Change Blogger Label View
Hello!
Doston ma hu ARYA KHAN aaj ma aap logon ko bataunga Blogger ma Label ko designeable bana sekte ho jese ki aap dekrahe ho mere site ma kuch
alag design lagraha ha. Tho label ko designeable banane ke liya aap kya karna hoga.
Follow this steps:
Blogger ki Label ka design change karne ke liya sabse pehle jana hoga Blogger ma uske baad Theme ma uske baad Edit HTML ma phir aapko dhoondna hoga ]]></b:skin> phir ]]></b:skin> tik upar ki line ma aapko niche diya gaya code ko paste karna hoga.
Code:
.Label {
font-family:Oswald,open sans, sans-serif,arial;
font-weight:400;
margin:0;
line-height:1.7em;
list-style-type:none;
list-style:none
padding:10px;
}
.Label li {
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}
.Label li a {
color:#fff;
}
.Label li a:hover {
color:#fff!important;
}
.Label li a:before {
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}
.Label li a {
float:left;
height:24px;
line-height:24px;
position:relative;
font-size:12px;
font-weight:bold;
font-family:sans-serif;
margin-bottom:8px!important;
margin-left:20px!important;
background:#494949;
color:#fff!important;
text-decoration:none;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
padding:0 10px 0 12px !important;
}
.Label li a:before {
content:"";
float:left;
position:absolute;
top:0;
left:-12px;
width:0;
height:0;
border-color:transparent #494949 transparent transparent;
border-style:solid;
border-width:12px 12px 12px 0;
}
.Label li a:after {
content:"";
position:absolute;
top:10px;
left:0;
float:left;
width:4px;
height:4px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#fff;
-moz-box-shadow:-1px -1px 2px #999;
-webkit-box-shadow:-1px -1px 2px #999;
box-shadow:-1px -1px 2px #999;
}
.Label li a:hover {
background:#555;
}
.Label li a:hover:before {
border-color:transparent #555 transparent transparent;
}
Note:
Code kuch options jese color background in sab ke alawa kisitarah change na kare nehi tho pura label hide hosekta ha
