अपने ब्लॉग पोस्ट में जोड़े "Read More" विकल्प

Read More यानि आगे पढने के विकल्प जैसे कि आप उपरोक्त तस्वीर में देख रहे हैं को ब्लॉग में "लगाने का तरीका" के बारे में काफी विस्तार से मैंने अपनी पिछली पोस्ट में बताया था | अपनी पिछली पोस्ट में मैंने रीड मोर का बटन लगाने के बारे में विस्तार से जानकारी दी थी व इस के लिए मैंने रीड मोर की आप्शन के पीछे इमेज बटन का इस्तेमाल किया था | लेकिन इस बार में आपको इस्र रीड मोर बटन के पीछे किसी इमेज बटन का इस्तेमाल न करके उसे एक बात के रूप में दिखाने का अंदाज कि कैसे इस रद्द मोर के पीछे एक छोटे से कोड से बटन का आभास दिलाया जा सकता है
अब जानिये और अपने ब्लॉग पर लगाइए Read More या Jump break विकल्प ।
"रीड मोर" बटन लगाने से पहले आप का ये जानना जरूरी है कि ये Read More या Jump break है क्या ? इसके बारे में ज्यादा जानकारी के लिए आप मेरी पिछली पोस्ट को पढ़ सकते हैं

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

<!--more-->

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

पहले स्टेप >>> Design >>> पर कलिक करें
दूसरा स्टेप "Edit HTML पर कलिक करें
तीसरा स्टेप >>>(यहाँ पर आपको सलाह दी जाती है कि आप अपने ब्लॉग के टेम्पलेट का बैकअप जरूर ले लें
फिर चौथा स्टेप >>> "Expand Widget Templates" के साथ दिखाई दे रहे छोटे से चौकोर बाक्स पर कलिक करें जब इस चौकोर बाक्स पर राईट टिक का निशान बन जाये
तो "CTRL+F" दबाएँ | एक फाइंड बाक्स उभरेगा उसमें hasjumplink लिख कर एंटर बटन दबाएँ आपको निम्न तस्वीर अनुसार कोड दिखाई देगा
<b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a> </div> </b:if>
आप ध्यान से इस कोड को देखे व इस कोड को सेलेक्ट कर लें व नीचे दिखाई दे रहे कोड को कापी कर के इस सेलेक्ट किये हुए कोड पर पेस्ट कर दे | मतलब ये कि आपने इस सेलेक्ट किये हुए कोड की जगह दूसरे बक्से में दिखाई दे रहे कोड को इस जगह पर पेस्ट करना है | <b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a style="-moz-border-radius:8px 8px 8px 8px;border-radius:8px 8px 8px 8px;-moz-box-shadow:0 0 5px #000;-webkit-box-shadow:0 0 5px #000;float:right;border:2px solid #1D6E06;padding-right: 5px;padding-left: 5px;background:#eee;margin-top:10px;font-size:14px;" expr:href='data:post.url + "#more"'> <data:post.jumpText/></a> </div> </b:if>
यदि आपने ये सब आसानी से कर लिया तो रीड मोर कि आप्शन आपको एक बटन के रूप में दिखाई देगी | आप चाहें तो इस लिंक पर रीड मोर बटन बिना किसी तस्वीर के लगा देख सकते हैं |

ई-मेल मी

यदि आपने इस लेख को पसंद किया है कृपया इस ब्लॉग के प्रशंसक भी बनिए !!

"टिप्स हिन्दी में ब्लॉग" की हर नई जानकारी अपने मेल-बॉक्स में मुफ्त पाएं !!!!!!!!!!