[Latest News][6]

Blogger
CG सामान्य Info
Computer Tips
Earning Zone
Full Form
Gk ग्रुप
Important Info
ITI Tranise Zone
Latest Info
Mobile And Internet
Online Zone
Other
Science
Science Info
Site
Whatsapp Trick & Tips
Gana.ML मे आपका स्वागत है For Best Trick,Tips And Importance Info पाने के लिए Gana.ML facebook Page को Like करें
PropellerAds

Search Here

Blogger Label को Colorful कैसे करे


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 करके देख सकते है |

About Gana.ML

Hello friends, welcome you to Gana.ML Wapsite. This wapsite is made for the cooperation of all friends, and we want to request all the friends that if you want to get the information from this wapsite then you will also get this wapsite Admin will have to cooperate. No friend will be against the privacy policy of this site. We hope to welcome you to this wapsite again.

No comments:

Post a Comment

Most Popular this week

Start typing and press Enter to search