Latest Technology Gyan

Happy New Year

Happy New Year 2020

Happy New Year

Happy New Year 2020

Happy New Year

 Happy New Year 2020

Happy New Year

 Happy New Year 2020

August 10, 2017

Blog Me Stylish Labels Kaise Lagayen



Hello readers aajki post me mein aapko btaunga K Blog mein stylish labels kaise lgate hein.

Blog mein stylish labels lagane se apk blog ki look bohot achi lgegi
and readers apk Blog Ko pasand karenge.

Blog Me Stylish Labels Kaise Lagayen 


Step 1. Sabse pehle blogger.com par jayen or apni gmail id se login ho jayen.

Step 2. Ab dashboard mein nechay theme par click karen.

Step 3. Ab edit HTML par click karen.

Step 4. Ab HTML show hoga template ka usme CSS codes edit karna hoga but wo fold hoga usey pehle unfold Karne K liye <b:skin>…</b:skin> par click karen jo aapko first 20-50 lines K beech m mil jayega.

Step 5. Ab aapko ]]> find karna hai or nechay diya gaya code iske just pehle paste karein.



.Label a {
 -moz-border-bottom-colors: none;
 -moz-border-left-colors: none;
 -moz-border-right-colors: none;
 -moz-border-top-colors: none;
 background-color: #7FBF4D;
 background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
 border-bottom-right-radius: 30px;
 border-color: #63A62F #63A62F #5B992B;
 border-image: none;
 border-style: solid;
 border-top-left-radius: 30px;
 border-width: 1px;
 box-shadow: 0px 1px 0px 0px #96CA6D inset;
 color: #FFFFFF;
 float: left;
 font: 14px verdana;
 height: 18px;
 margin-bottom: 9px;
 margin-left: 10px;
 padding: 10px;
 position: relative;
 text-decoration: none;
 transition: all 0.5s ease-in-out 0s;
 }
 .Label a:hover {
 background: none repeat scroll 0% 0% orange;
 border-radius: 0px 30px 0px 30px;
 border: 1px solid orange;
 text-shadow: 5px 5px 5px #DCDCDC;
 }

 .Label {
 margin: 0px;
 padding: 0px;
 position: relative;
 }
 .Label li:hover {
 transform: rotate(5deg);
 }
 .Label li {
 float: left;
 font-size: 116%;
 list-style: none outside none;
 transition: all 0.3s ease 0s;
 }



Step 7. Ab aap save template par click karen.

Step 8. Ab template me stylish widget code add to ho gaya magar Blog me show karna abi rehta hai iske liye follow karen.

Step 1. Dashboard me nechay layout par click karen.

Step 2. Ab sidebar me add a gadget par click karen.

Step 3. Ab next window me labels K samne + K icon par click karen.

Step 4. Ab usme nechay list ko chor kar cloud par tick kare.

Step 5. Save par click karen then save arrangement par click karen.

Ab aapk Blog me stylish labels widget add ho chuka hai.