क्या आपने हिन्दी ब्लॉग टिप्स का होमपेज
देखा
है? यह
दस प्रविष्ठियों का केवल सारांश दिखता हैं। यानी शुरुआती पंक्तियां। पूरी पोस्ट "आगे
पढ़ें"
पर
क्लिक करने के बाद पढ़ी जा सकती है। पाठक अपनी सुविधानुसार पसंदीदा पोस्ट को
पूरी खोलकर पढ़ सकता है। कई साथियों से ने मुझसे पूछा कि वे अपने ब्लॉग पर यह
सुविधा कैसे जोड़ सकते हैं?
ऐसा
आसानी से किया जा सकता है। बस आपको नीचे दी गईं दो स्टेप्स ध्यान से फॉलो करनी होंगी-
स्टेप 1- टेम्पलेट के कोड में परिवर्तन
1. लेआउट में जाइए।
2. एडिट एचटीएमएल पर क्लिक कीजिए। (एचटीएमएल कोड में परिवर्तन करने से पहले अपनी टेम्पलेट का बैकअप जरूर रखें। इससे आप अपनी मूल टेम्पलेट फिर से पा सकते हैं। टेम्पलेट को डाउनलोड करने का तरीका यहां दिया गया है।)
3. Expand Widget Templates को आवश्यक रूप से टिक कर दीजिए।
4. कोड में नीचे दिए गए हिस्से को ढूंढिए। सबसे अच्छा तरीका है Cont + F कुंजियों को दबाइए। एक फाइंड बॉक्स खुलेगा। इसमें नीचे दिए गए कोड को कॉपी कर पेस्ट कर दीजिए। एंटर करते ही आप कोड के इस हिस्से तक पहुंच जाएंगे।
स्टेप 1- टेम्पलेट के कोड में परिवर्तन
1. लेआउट में जाइए।
2. एडिट एचटीएमएल पर क्लिक कीजिए। (एचटीएमएल कोड में परिवर्तन करने से पहले अपनी टेम्पलेट का बैकअप जरूर रखें। इससे आप अपनी मूल टेम्पलेट फिर से पा सकते हैं। टेम्पलेट को डाउनलोड करने का तरीका यहां दिया गया है।)
3. Expand Widget Templates को आवश्यक रूप से टिक कर दीजिए।
4. कोड में नीचे दिए गए हिस्से को ढूंढिए। सबसे अच्छा तरीका है Cont + F कुंजियों को दबाइए। एक फाइंड बॉक्स खुलेगा। इसमें नीचे दिए गए कोड को कॉपी कर पेस्ट कर दीजिए। एंटर करते ही आप कोड के इस हिस्से तक पहुंच जाएंगे।
<data:post.body/>
हो सकता है कि आपको टेम्पलेट में यह मिले-
हो सकता है कि आपको टेम्पलेट में यह मिले-
<p><data:post.body/></p>
इस कोड के स्थान पर ध्यानपूर्वक यह कोड पेस्ट कर दें-
इस कोड के स्थान पर ध्यानपूर्वक यह कोड पेस्ट कर दें-
<b:if
cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p> <data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>आगे पढ़ें...</a>
</b:if>
</b:if>
तरीका इस इमेज में दिखाया गया है-
याद रखें कि आपको यह कोड नीले रंग से दिखाए गए कोड के स्थान पर पेस्ट करना है यानी कि नीले रंग वाले कोड को हटा देना है और उसकी जगह पर नया कोड पेस्ट कर देना है।
इसके बाद टेम्पलेट को सेव कर दें।
आपने पहली स्टेप को पूरा कर लिया है। अब बारी है स्टेप-2 की-
स्टेप 2- डिफॉल्ट पोस्ट टेम्पलेट लगाइए
इस चरण में आपको अपने ब्लॉग की डिफॉल्ट पोस्ट टेम्पलेट में यह कोड सेव करना होगा। डिफाल्ट पोस्ट टेम्पलेट लगाने का तरीका इस पोस्ट में दिया गया है-
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p> <data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>आगे पढ़ें...</a>
</b:if>
</b:if>
तरीका इस इमेज में दिखाया गया है-
याद रखें कि आपको यह कोड नीले रंग से दिखाए गए कोड के स्थान पर पेस्ट करना है यानी कि नीले रंग वाले कोड को हटा देना है और उसकी जगह पर नया कोड पेस्ट कर देना है।
इसके बाद टेम्पलेट को सेव कर दें।
आपने पहली स्टेप को पूरा कर लिया है। अब बारी है स्टेप-2 की-
स्टेप 2- डिफॉल्ट पोस्ट टेम्पलेट लगाइए
इस चरण में आपको अपने ब्लॉग की डिफॉल्ट पोस्ट टेम्पलेट में यह कोड सेव करना होगा। डिफाल्ट पोस्ट टेम्पलेट लगाने का तरीका इस पोस्ट में दिया गया है-
<span
class="fullpost">
</span>
</span>
डिफॉल्ट पोस्ट टेम्पलेट में ऊपर दिया गया कोड सेव करने के बाद जब भी आप प्रविष्ठि लिखने के लिए पोस्ट एडिटर खोलेंगे तो आपको इस तरह का कोड खुद-ब-खुद दिखेगा-
आपको जो हिस्सा मुख्य पृष्ठ पर दिखाना है उसे <span class="fullpost"> के ठीक ऊपर लिखें। जिस हिस्से को आप छिपाना चाहते हैं उसे <span class="fullpost"> और </span> के बीच में लिखे।
उदाहरण देखिए-
यह हिस्सा
मुख्य पृष्ठ पर दिखेगा
<span class="fullpost">
यह हिस्सा मुख्य पृष्ठ पर नहीं दिखेगा
</span>
उम्मीद है तरीका आपको समझ आ गया होगा। किसी भी परेशानी की स्थिति में आप मुझसे टिप्पणी के माध्यम से संपर्क कर सकते हैं।
<span class="fullpost">
यह हिस्सा मुख्य पृष्ठ पर नहीं दिखेगा
</span>
उम्मीद है तरीका आपको समझ आ गया होगा। किसी भी परेशानी की स्थिति में आप मुझसे टिप्पणी के माध्यम से संपर्क कर सकते हैं।
No comments:
Post a Comment