Blogger me Stylish Headings or sub Headings kaise lagaye

 

मित्रो हमने आप लोगो को पिछले पोस्ट में ब्लॉगर साइडबार हैडिंग स्टाइलिश डिजाइन में कस्टमाइज करने के बारे में बताया था। और मित्रो आज के इस आर्टिकल में आप लोगो को ब्लॉगर में स्टाइलिश हेडिंग्स और सब हेडिंग्स लगाने के बारे में विस्तार से जानकारी उपलब्ध करायेगे। ब्लॉग पोस्ट की हेडिंग व सब हेडिंग को हम स्टाइलिश कैसे बनाये या ब्लॉग पोस्ट की हेडिंग को डिजाइन कैसे करें। ब्लॉग पोस्ट की हेडिंग h1, h2, h3  को स्टाइलिश कैसे बनाये जिससे विजिटर उस पर आसानी के साथ विजिट करना अधिक पसंद करे।  मित्रो यदि आपको थोडा बहुत कोडिंग की जानकारी है,तो आप आसानी के साथ अपने ब्लाग और वेबसाइट को स्टाइलिश बना सकते है। आपको सम्भवतः जानकारी होगी कि वर्डप्रेस उपयोगकर्ता,प्लगिंग के मदद से वे बहत ही आसानी के साथ अपने ब्लाग या वेबसाइट में स्टाइलिश हेडिंग को लगा सकते है। जबकि वही कार्य जब एक ब्लागर ब्लाग पर बने ब्लाग या वेबसाइट पर हमें कस्टमाइज करना पडता है। हां मित्रो यदि आप भी अपने ब्लागर ब्लाग को आकर्षक लुक देने के लिए हेडिंग व सब हेडिंग h1 ,h2, h3 को स्टाइलिश करना चाहते है तो यह आर्टिकल आपके लिए काफी उपयोगी हो सकता है। 

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

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

दिशा-निर्देश संख्या 01

01- यदि आप चाहे तो नीचे दिये गये ब्लॉगर में स्टाइलिश हेडिंग्स और सब हेडिंग्स कैसे लगाये ? के कोड  को  ]]></b:skin> में लगाने के लिए सुरक्षित वायरस मुक्त क्लिक कर डाउनलोड भी कर सकते है।

• [[ ब्लॉगर में स्टाइलिश हेडिंग्स और सब हेडिंग्स कोड-डाउनलोड करे ]]

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

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

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

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

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

.post h3{ margin-top:10px; max-width:95%; padding:6px 2px; color: #000000; padding-left:10px; margin-bottom:10px; font-size:20px; font-family:'Oswald',sans-serif; background-color:#F8FAFD; text-decoration:none; border-left:10px solid #05A8FC; box-shadow:1px 1px 2px gainsboro; transition: border-left .777s; -webkit-transition: border-left .777s; -moz-transition: border-left .777s; -o-transition: border-left .777s; -ms-transition: border-left .777s; } .post h3:hover { border-left:10px solid #FC2B2C; }

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

.post h3{ background: #F9F9F9; font-family:'Oswald',sans-serif; font-size: 120%; padding: 6px 12px; color: #333; text-shadow: 1px 1px 1px #AAA; border-bottom: 4px solid #03DA03; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: 1px 1px 2px #AAA; -moz-box-shadow: 1px 1px 2px #AAA; box-shadow: 1px 1px 2px #AAA; margin: 6px 3px; text-transform: capitalize; width: 95%; line-height:1.0em; } .post h3:hover { border-bottom: 4px solid #003F80; }

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

.post h3 { color:#222222; border-left:10px solid #222222; border-right:10px solid #222222; padding:3px 5px 3px 20px; border-radius:15px; -moz-border-radius:15px; box-shadow:0px 0px 13px #222222; -webkit-box-shadow:0px 0px 13px #222222; -moz-box-shadow:0px 0px 13px #222222; } .post h3:hover { color:#219DFC; border-left:10px solid #219DFC; border-right:10px solid #219DFC; box-shadow:0px 0px 13px #219DFC; -webkit-box-shadow:0px 0px 13px #32A4FC; -moz-box-shadow:0px 0px 13px #32A4FC; }

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

.post h3 { border-bottom-right-radius: 15px; border-top-left-radius: 15px; border: 3px solid rgb(251, 10, 38); padding: 0px 1px 4px 14px; box-shadow: rgb(251, 10, 38) 3px 3px3px; color: rgb(251, 10, 38); font-family:'Oswald',sans-serif; font-size:120%; font-weight:400; margin: 0px 0px 1em; text-transform: uppercase; text-shadow: rgb(0, 0, 0) 1px 1px 0px; }

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

.post h3 { border:3px dashed #000000; border-bottom:5px solid #000000; padding: 0px 1px 4px 14px; box-shadow: rgb(251, 10, 38) 3px 3px 3px; color: rgb(251, 10, 38); font-family:'Oswald',sans-serif; font-size:120%; font-weight:400; margin: 0px 0px 1em; text-transform: uppercase; text-shadow: rgb(0, 0, 0) 1px 1px 0px; }

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

.post h3 { background:#333; margin:5px 4px 5px 0; padding:9px 0 9px 10px; border:0; color:white; font-size:120%; 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); }

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

.post h3 { padding:5px; border:5px outset #000000; color:#000000; font:140% 'Oswald',Sans-Serif; }

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

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

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

.post h3 { padding:5px; border:5px dotted rgb(251, 10, 38); color:#000000; font:140% 'Oswald',Sans-Serif; }

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

.post h3 { padding:5px; border: 1px solid #cccccc; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2); box-shadow: 0 0 20px rgba(0, 0, 0, .2); color:#333333; font:140% 'Oswald',Sans-Serif; text-transform: uppercase; }

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

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

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

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

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