यूं सजेगी आपकी पोस्ट (Dropletter)

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

1. डैशबोर्ड पर जाकर संबंधित ब्लॉग के लेआउट पर क्लिक करें।

2. Edit HTML पर क्लिक करें। (एचटीएमएल कोड में परिवर्तन करने से पहले अपनी टेम्पलेट का बैकअप जरूर रखें। इससे आप अपनी मूल टेम्पलेट फिर से पा सकते हैं। टेम्पलेट को डाउनलोड करने का तरीका यहां दिया गया है।)

3. दिए गए कोड में यह ढूंढ़े-

]]></b:skin>

(सबसे अच्छा तरीका है कि Cont+F कुंजियों को दबाकर फाइंड बॉक्स खोलें और उसमें ऊपर दिया गया हिस्सा कॉपी-पेस्ट कर इसे ढूंढ़ें। )

4. इस हिस्से के ठीक ऊपर यह कोड पेस्ट कर दें।

.dropcaps {
float:left;
color: $headerBgColor;
font-size:100px;
line-height:80px;
padding-top:1px;
padding-right:5px;
}

तरीका इस इमेज में दिखाया गया है-



5. इसके बाद परिवर्तन को सेव कर दें।

6. अब जिस भी पोस्ट में आप ड्रॉपलैटर का इस्तेमाल करना चाहते हैं, उस पोस्ट की शुरूआत इस कोड के साथ करें-

<span style="color: #ff0000"><span class="dropcaps">पोस्ट का पहला अक्षर यहां लिखें</span></span>

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