#css trick

View On WordPress

View On WordPress

View On WordPress

Blogger Blog me 8 Stylish Lebal widget kaise add kare जिस तरह Se wordpress me Category होती है उसी तरह Se blogger me lebal होते है wordoress Me plugin की मदद Se हम कुछ भी कर सकते है but Blogger पर बने ब्लॉग me ऐसा नहीं होता है Blogger ब्लॉग me जो lebal होता है वो सिंपल होता है जो बेकार Sa दिखता है और आपको तो मालूम ही है की जिस ब्लॉग का design बकवास हो उस पर विजिटर एक बार विजिट करने के बाद दुबारा विजिट बिलकुल भी नहीं करना चाहते अपने ब्लॉग के हर -  एक widget का design कुछ अलग रखे जिससे विजिटर को आपके ब्लॉग mind me फिट हो जाये आज के इस आर्टिकल मे हम ऐसे ही एक widget की बात कर रहे है जो की सभी ब्लॉग मे होते है Widget का नाम है Lebal अब बात आती है की ब्लॉगर मे जो डिफ़ॉल्ट lebal होती है वो Simple Sa दिखता है इसे Design कैसे किया जाये Design किया जा सकता है but इसके लिए Coding की Knowledge होना जरुरी है but सभी को Coding की knowledge नहीं होती है ऐसे मे उन्हें third party द्वारा Create किया गया Coding की मदद लेनी पडती है ऐसे ही third party द्वारा Create किया गया Css Code मै यहाँ दे रहा हूं जिससे आप अपने ब्लॉग के lebal widget को Stylish बना सकते है जिससे आपके ब्लॉग का design भी अच्छा हो जाएगा और विजिटर आपके ब्लॉग पर हमेशा विजिट करना चाहेंगे मैंने यहाँ 8 Css Code दिया है कौन Css code add करने पर ब्लॉग मे कैसा दिखेगा वो इमेज मे देख सकते है सभी Code मैंने टेस्ट किया है और सभी working है सभी Code का Original Image है जिससे आपको Lebal Stylish बनाने मे कोई परेशानी ना हो जिस Image का स्टाइल आपको पसंद आए उस का Code अपने ब्लॉग मे use कर सकते है Blog me 8 Stylish Lebel Widget kaise add kare Step.1 First आप नीचे दिए गए Css Code को Copy करें जो Lebal Style आपको पसंद आए Code 1 .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; } Code, 2

Blogger Blog me 8 Stylish Lebal widget kaise add kare जिस तरह Se wordpress me Category होती है उसी तरह Se blogger me lebal होते है wordoress Me plugin की मदद Se हम कुछ भी कर सकते है but Blogger पर बने ब्लॉग me ऐसा नहीं होता है Blogger ब्लॉग me जो lebal होता है वो सिंपल होता है जो बेकार Sa दिखता है और आपको तो मालूम ही है की जिस ब्लॉग का design बकवास हो उस पर विजिटर एक बार विजिट करने के बाद दुबारा विजिट बिलकुल भी नहीं करना चाहते अपने ब्लॉग के हर -  एक widget का design कुछ अलग रखे जिससे विजिटर को आपके ब्लॉग mind me फिट हो जाये आज के इस आर्टिकल मे हम ऐसे ही एक widget की बात कर रहे है जो की सभी ब्लॉग मे होते है Widget का नाम है Lebal अब बात आती है की ब्लॉगर मे जो डिफ़ॉल्ट lebal होती है वो Simple Sa दिखता है इसे Design कैसे किया जाये Design किया जा सकता है but इसके लिए Coding की Knowledge होना जरुरी है but सभी को Coding की knowledge नहीं होती है ऐसे मे उन्हें third party द्वारा Create किया गया Coding की मदद लेनी पडती है ऐसे ही third party द्वारा Create किया गया Css Code मै यहाँ दे रहा हूं जिससे आप अपने ब्लॉग के lebal widget को Stylish बना सकते है जिससे आपके ब्लॉग का design भी अच्छा हो जाएगा और विजिटर आपके ब्लॉग पर हमेशा विजिट करना चाहेंगे मैंने यहाँ 8 Css Code दिया है कौन Css code add करने पर ब्लॉग मे कैसा दिखेगा वो इमेज मे देख सकते है सभी Code मैंने टेस्ट किया है और सभी working है सभी Code का Original Image है जिससे आपको Lebal Stylish बनाने मे कोई परेशानी ना हो जिस Image का स्टाइल आपको पसंद आए उस का Code अपने ब्लॉग मे use कर सकते है Blog me 8 Stylish Lebel Widget kaise add kare Step.1 First आप नीचे दिए गए Css Code को Copy करें जो Lebal Style आपको पसंद आए Code 1 .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; } Code, 2

 happy dev. 

Just,        img{ margin-left: auto; margin-right: auto;  text-align: center;}