Blogger Label को Colorful कैसे करे ?
अपने ब्लॉग के लेबल को colorfull बनाने के लिए नीचे दिए गए स्टेप को फॉलो कीजिये
1. इसके लिए आप अपने ब्लॉग के Dashboard >> Layout पर Click कीजिये |
2. आप जहा colorful label use करना चाहते है वहा Add a Widget पर click कीजिये |
3. इसके बाद एक pop up window open होगा उसमे “Labels” पर click कीजिये |
4. Cloud पर Tick कीजिये
5. और Save button पर click कीजिये
6.इसके बाद आप blog के Template >> Edit HTML पर जाये .
7. html box में कही भी क्लिक करके Ctrl+F दबाये और ]]></b:skin> code search कीजिये
8. उसके ऊपर नीचे दिए गए कोड को paste कीजिये (]]></b:skin> के ऊपर (above) paste कीजिये )
/* css color label start by OHMH.IN*/
.sidebar .label-size {
position:relative;
text-transform: uppercase;
text-decoration:none;
font-size:13px;
font-family:Open Sans;
color:#fff!important;
}
.sidebar .label-size a {
color:#fff!important;
font-weight:bold;
padding:8px 10px;
margin:0 6px 6px 0;
float:left;
display:block;
-moz-transition: all 0.4s ;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s ;
-ms-transition: all 0.4s ;
transition: all 0.4s ;
}
.sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}
.sidebar .label-size-1 a:hover {background:#16a085;}
.sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}
.sidebar .label-size-2 a:hover {background:#2980b9;}
.sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}
.sidebar .label-size-3 a:hover {background:#27ae60}
.sidebar .label-size-4 a {background:#1831E8;border-bottom:3px solid #0724FC;}
.sidebar .label-size-4 a:hover {background:#040B44}
.sidebar .label-size-5 a {background:#EC29CC;border-bottom:3px solid #FD06D5;}
.sidebar .label-size-5 a:hover {background:#6C045B}
/* css color label end by OHMH.IN*/
9. Code copy करके ]]></b:skin> के ऊपर (above) paste कीजिये
10. Finaly Save Template पर Click kare.उसके बाद चाहे तो आप अपना ब्लॉग Open करके देख सकते है |
Post a Comment