Blogger sidebar Heading Stylish Design me kaise customize kare

 

मित्रो मैने आप लोगो को पिछले आर्टिकल में आप लोगो को ब्लॉगर ब्लाग में अनंत स्क्रॉल नेविगेशन कैसे एड करे,के बारे में विस्तार से जानकारी उपलब्ध कराया था। और आज मित्रो हम आप लोगो को ब्लॉगर साइडबार हैडिंग स्टाइलिश डिजाइन में कैसे कस्टमाइज करे,के बारे में विस्तार से जानकारी उपलब्ध कराने जा रहे है। मित्रो ब्लागर साइडबार एक बहुत ही महत्वपूर्ण चीज होता है। जिसमें आपके जैसे-पापुलर पोस्ट,रैण्डम पोस्ट,सर्च बाक्स,फ्री सब्सक्राइब बाक्स और लेबल आदि विजेट के साथ-साथ विज्ञापन जैसे कई विजेट शामिल होते हैं। हालाँकि मुख्य भाग साइडबार हेडिंग है जो कुल ब्लॉग डिजाइन को प्रभावित करता है। इसलिए यदि हम स्टाइलिश साइडबार हेडलाइन में कुछ परिवर्तन कर एड कर दे तो इससे विजिटर आसानी के साथ प्रभावित होते है और विजिटरो का ध्यान आसानी से खींच सकते हैं। लेकिन कुछ डिफॉल्ट साइडबार हेडलाइन जो ब्लागर ब्लाग द्वारा उपलब्ध होता है वह बिल्कुल साधारण प्रतीत होता है। परन्तु यदि हम इसे एक साधारण सीएसएस कोड ब्लॉक जोड़कर इसे बिल्कुल अलग बना सकते है जो देखने में स्टाइलिश प्रतीत होता है। हां यदि आप भी अपने ब्लागर ब्लाग के साइडबार में स्टाइलिश डिजाइन कस्टमाइज करना चाहते है। तो आप इस आर्टिकल को शुरू से अन्त तक पढते रहे।  आशा है कि यह आर्टिकल आपको अपने ब्लॉग को दूसरे से अलग बनाने में मदद करेगा। 

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

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

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

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

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

• अब Search Box में आपको ]]></b:skin> सर्च ।
• उसके बाद ऊपर कॉपी किए गए कोड को ]]></b:skin> के ठीक ऊपर दिए गए कोड को Paste दे ।
• उसके बाद Save Theme पर क्लिक करें। 

स्टाइलिश डिजाइन-01

.sidebar h2 {

padding:5px;

background:#000000;

color:#FFFFFF;

font:140% 'Oswald',Sans-Serif;

}

स्टाइलिश डिजाइन-02

.sidebar h2 {
padding:5px;
border-bottom:5px solid #000000;
color:#000000;
font:140% 'Oswald',Sans-Serif;
}

स्टाइलिश डिजाइन-03

.sidebar h2 {
padding:5px;
border:2px solid #000000;
color:#000000;
font:140% 'Oswald',Sans-Serif;
}

स्टाइलिश डिजाइन-04

.sidebar h2 {
padding:5px;
border:2px dashed #000000;
color:#000000;
font:140% 'Oswald',Sans-Serif;
}

स्टाइलिश डिजाइन-05

.sidebar h2{
background:#333;
margin:5px 4px 5px 0;
padding:9px 0 9px 10px;
border:0;
color:white;
font-size:16px;
line-height:16px;
font-family:'Oswald',sans-serif;
text-decoration:none;
text-transform:uppercase;
box-shadow:4px 4px 0px rgba(33,33,33,0.45);
}

स्टाइलिश डिजाइन-06

.sidebar h2 {

padding:5px;

border-top:1px solid #000000;

border-bottom:5px solid #000000;

color:#000000;

font:140% 'Oswald',Sans-Serif;

}

स्टाइलिश डिजाइन-07

.sidebar h2 {
padding:10px;
text-align:center;
border-top-right-radius:30px;
border-bottom-left-radius:30px;
background:#000000;
color:#FFFFFF;
font:140% 'Oswald',Sans-Serif;
}

नोट-निम्न बदलाव अपने सुविधानुसार कर सकते है।

01-बैकग्राउंड और बॉर्डर कलर को बदलने के लिए # 000000 को अलग-अलग कलर से बदलें। आप कलर कोड जनरेटर टूल  की मदद से कलर कोड प्राप्त कर सकते हैं।

02-फॉन्ट आकार बदलने के लिए 120% या 160%. के साथ 140% बदले ।

03-हेडलाइन फ़ॉन्ट बदलने के लिए 'Oswald',Sans-Serif अलग-अलग फ़ॉन्ट के साथ बदल सकते है ।

मित्रो अब हमे उम्मीद है कि आप लोगो ने इस आर्टिकल को पढ कर सफलता पूर्वक अपने ब्लॉगर साइडबार हैडिंग स्टाइलिश डिजाइन में कस्टमाइज करना अच्छी तरह से समझ गये होगें।  अब नई शैली को देखने के लिए अपने टेम्पलेट साइडबार की एक  बार जाँच अवश्य करें। मुझे उम्मीद है कि अब आप अपने टेम्पलेट साइडबार के नए रूप को पसंद करेंगे। हां यदि आप लोगो को किसी प्रकार कोई समस्या महसूस होने पर आप हमें कमेन्ट कर पूछ सकते है। यदि आप साइडबार हैडिंग स्टाइलिश डिजाइन में कस्टमाइज करने के लिए  तकनीकों को सीखते हैं, तो कृपया नीचे टिप्पणी करें, या दूसरों की मदद करने के लिए इस लेख को साझा करें।