Blogger Me Stylish Label Widget kaise add kare

मित्रो आज हम आपको ब्लागर ब्लाग स्पोट में न्यू स्टाईलिश लेवल विजेट कैसे लगाये जिससे ब्लाग देखने में खुबशुरत एंव स्टाईलिश लगे। इसके लिए मै आप लोगो को बहुत ही आसान एंव स्टाईलिश डिजाइन वाला लेवल लगाने का बेहतरीन तरीका बताने जा रहा हू। आप सीएसएस कोड के माध्यम से आसानी से अपने ब्लाग को डिजाईन कर सकते है।  इस पोस्ट में आपको एक ऐसा सीएसएस कोड के बारे में जानकारी देने जा रहा हूं जिससे आपके ब्लाग को स्टाईलिश डिजाइन किया जा सके।  जैसा कि आप इस ब्लाग में लगे चित्र को देख रहे है।  मित्रो यदि आप लेवल के बारे में नही जानते है तो यहां मै आपको एक साधारण तरीके से बताने जा रहा हूं।  मित्रो आपने अपना ब्लाग पोस्ट लिखा है और उसे आप कटेगरी देना चाहते है उसके लिए आप लेबल का प्रयोग करते है। 

ब्लाग में स्टाइलिश लेबल विजेट क्यो प्रयोग करें ?

आपने -अपने साईट में देखा होगा की आपकी साईट में जो लेबल लगा होता है। वह बिल्कुल साधारण दिखाई देता है। स्टाईलिश लेबल बना सकते है इससे आपकी ब्लाग का लुक प्रोफेशन दिखने लगेगा। 

ब्लॉगर में स्टाइलिश लेबल विजेट कैसे ऐड करे ?

बहुत  से लोगो के मन में यह सवाल पैदा होता कि आखिर हम अपने ब्लागर ब्लाग में स्टाईलिश लेवल विजेट कैसे लगा सकते है। इसके लिए आपको बहुत ज्यादा सोचने की जरूरत नही। यदि आप अपने ब्लाग में स्टाईलिश लेबल विजेट  एड करना चाहते है तो आपको इसके लिए नीचे दिया गया निर्देश को पालन करना होगा। 

स्टेप संख्या -01

यदि आप ब्लागर ब्लाग में Stylish Label Widget के कोड को वायरस मुक्त कापी करना चाहते है। तो इसके लिए आप  डाउनलोड बाटम पर क्लिक कर Stylish Label Widget के कोड को डाउनलोड कर ले। 

• [ STYLE DESIGN LEVEL CODE-DOWNLOAD HERE ]

स्टेप-02

• सबसे पहले आप ब्लागर डेशबोर्ड में लागिंन करे। 
• अब आप Theme पर क्लिक करे। 
• अब आप Customize पर क्लिक करे। 
• अब आप EDIT HTML  पर क्लिक करे इसके बाद एक नया पप अप विंडो ओपन होगा ।

नोट -इसके बाद अब आपके सामने टेम्पलेट का सभी कोड ओपेन हो जायेगा,जिसे आप आसानी के साथ एडिट कर सकते है। 

स्टेप-संख्या-03

सबसे पहले आप नीचे दिये गये Blogger  Me Stylish Label Widget kaise add kare  के कोड को ]]></b:skin>   में लगाने के लिए कापी पेस्ट कर ले । 

.Label li { background: none repeat scroll 0 0 #f3f3f3; border: 0 none; color: #222222; margin: 0 1px 1px 0; padding: 0; text-decoration: none; } .label-size a { background: none repeat scroll 0 0 #f3f3f3; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; color: #222222; float: left; font-size: 16px; margin: 0 4px 4px 0; padding: 14px; text-decoration: none; }

• अब Search Box में (CTRL + F)  दबाकर आप  ]]></b:skin>  tag  को सर्च करें ।
• अंत में मार्कअप की लाइन का अनुसरण करें और इसे ]]></b:skin>  के ठीक ऊपर पेस्ट करें ।
• इसके बाद अब आपको save template   पर क्लिक करके सुरक्षित सेव कर लेना है। 

नोट-मित्रो यदि आप चाहे तो शुरू में CSS सीएसएस कोड में कुछ नम्बर होते है,उसे यदि आप चाहे तो अपने हिसाब से बदलाव कर सकते है। 

मित्रो जैसा कि आप लोग जानते है कि स्टाईलिश ब्लाग लेबल को प्रत्तेक व्यक्ति अपने हिसाब व पसन्द से कलर देना चाहता है। मैने इसका भी ख्याल किया है। दसके लिए मै कुछ कलर कोड भी दे रहा हूं। जिससे कि आप दिये गये कलर कोड को अपने तरीके से चाहे तो बदल कर एक नया लुक दे सकते है।

01- यदि आपको बैक ग्राउड का कलर बदलना है तो अब आप अपने हिसाब से दिये गये कोड को बैक ग्राउड के लास्ट में जो कोड दिया है उसको आप हटा कर अब आप अपने पसन्द के हिसाब से कलर कोड का चयन कर कलर कोड अंकित कर दीजिए। आपका बैक ग्राउड कोड इसमें दो जगह दिया गया है।

background: none repeat scroll 0 0 #f3f3f3;

पहला- ऊपर से दूसरे 2 क्रम में ।

दूसरा- ऊपर से दसवे 10 क्रम में ।

02- इसके बाद आपके लेबल में जो शब्दो का चयन किया गया है। उसका कलर कोड बदलना चाहते है तो इसके लिए आपको जो कलर Color के सामने कोड दिया गया है उसे बदलना होगा अपने मन पसन्द के हिसाब से।

color: #222222;

पहला- ऊपर से चौथे 4 क्रम में ।

दूसरा- ऊपर से पन्द्रहवे 15  क्रम में ।

नीचे दिए गये इसी कोड में आपको बदलाव करना है । इसी कोड को आपको अपने ब्लॉग में लगाना है ।

.Label li {

background: none repeat scroll 0 0 #f3f3f3;

border: 0 none;

color: #222222;

margin: 0 1px 1px 0;

padding: 0;

text-decoration: none;

}

.label-size a {

background: none repeat scroll 0 0 #f3f3f3;

border-bottom: 1px solid #127F69;

border-right: 1px solid #127F69;

border-left: 1px solid #127F69;

border-top: 1px solid #127F69;

color: #222222;

float: left;

font-size: 14px;

margin: 0 4px 4px 0;

padding: 7px;

text-decoration: none;

}

ब्लाग में स्टाईलिश डिजाईन वाला लेवल कैसे लगाये -

मित्रो यदि आप ब्लागर ब्लाग के साइडबार में  स्टाईलिश डिजाईन लेबल विजेट को एड करना चाहते है,तो आपको इसके लिए दिये गये स्टेप को फालो करना होगा। जिससे आप आसानी के साथ अपने ब्लाग के साइडबार में स्टाईलिश डिजाईन लेबल विजेट एड कर सकते है। 

स्टेप-संख्या-01

• इसके लिए आप सबसे पहले ब्लाग के डेशर्बोड में जाए और Layout पर क्लिक करे। 
• इसके बाद Add a Gadget पर क्लिक करे। 

• इसके बाद एक न्यू पप अप विन्डो ओपेन होगा,उसमे Lable पर क्लिक करे । 

स्टेप-संख्या-02

01-इसके बाद Title में अपने हिसाब से शब्दो का चयन करे।  

02-इसके बाद Show आपको दो प्रकार के आप्शन दिखार्द देगा। 

• All Lables  - का यदि आप चयन करते है तो आपके सभी लेबल प्रदर्शित होगे। 
• Selected Lable  - इसमें आप एडिट कर अपने हिसाब से लेबल का चयन कर सकते है। 

03-इसमें आप Alphabetically का चयन करे। 

04- Display में आपको दो प्रकार का आप्शन दिखाई देगा, List और Cloud में जो उचित लगे उस पर टिक करे। 

05-जब आपका सब कुछ सेट हो जाए आप सेव SAVE बटन पर क्लिक कर सुरक्षित सेव SAVE कर ले। 

अब आपकी मेहनत सफल रहा आप बधाई के पात्र है। आपके ब्लाग में स्टाईलिश लेबल विजेट सफलता पूर्वक जुड गया। इसके बाद अब आप चाहे तो अपना ब्लाग खोल कर देख सकते है। यदि आप Blogger Me Stylish Label Widget एड करने  के लिए दिए गये तकनीकों को सीखते हैं, तो कृपया नीचे टिप्पणी करें, या दूसरों की मदद करने के लिए इस लेख को साझा करें।