पोस्ट सारांश, 'आगे पढ़ें...' बटन, स्वत: मुख्य पेज पर दिखायें

पोस्ट सारांश, 'आगे पढ़ें...' (Auto Read More) हैक ब्लॉगर की डिफ़ाल्ट जम्प ब्रेक (Jump Break) से कुछ नहीं बहुत ज़्यादा अच्छी और सुविधा जनक है। यह आपके ब्लॉग को प्रोफेशनल लुक तो देता ही है साथ ही साथ आपके ब्लॉग का पेज लोडिंग समय भी कम करता है। इसी वजह से इसका प्रचलन बहुत बढ़ता जा रहा है। इसके प्रमुख गुण Thumbnails floating, Post Skipping, Words length with and without thumbnails हैं।

प्रमुख विशेषताएँ

1. इसमें आप सेट कर सकते हैं कि कौन-सा थंबनेल दिखे जबकि आपकी पोस्ट में कोई फोटो प्रयोग न की गयी हो
2. आप पहली कुछ पोस्टों पर Auto Read More को प्रबंधित कर सकते हैं अर्थात्‌ चालू या बंद कर सकते हैं।
3. होमपेज और लेबल पेज पर Auto Read More को चालू या बंद किया जा सकता है

इसे नये ब्लॉगर इंटरफेस में इस्तेमाल करना

1. पहले Blogger Dashboard पर जायें और Template टैब पर क्लिक करें
2. अपने टेम्पलेट का बैकअप ज़रूर लें
3. अब Edit HTML पर क्लिक करें और फिर Proceed पर क्लिक करें
4. Expand Widget Template के चेक बॉक्स पर क्लिक करें
5. </head> कोड की खोज करें।
6. नीचे दिये गये कोड को </head> के ठीक ऊपर पेस्ट कर दें

<script type='text/javascript'>
var summaryConf = {
showImage: true,
imgFloat: 'left',
imgWidth: 120,
imgHeight: 120,
defaultThumb: 'http://www.deviantart.com/download/320064590/no_thumbnail_by_vinayprajapati-d5ak3f2.png',
words: 100,
wordsNoImg: 120,
skip: 0,
showHome: true,
showLabel: true
};
</script>
<script src='http://techprevue.googlecode.com/files/techprevue-autoreadmore.js' type='text/javascript'/>

नोट: आवश्यक हो तो जावास्क्रिप्ट को डाउनलोड करके अपने DropBox में रखें ताकि भविष्य में बैंड्विथ का कोई ईशू न हो। DropBox की अधिक जानकारी के लिए यहाँ क्लिक करें।

7. और अब इसके बाद टेम्पलेट में इस कोड की खोज करें

<div class='post-body entry-content'

देखें इसके ठीक नीचे आपको <data:post.body/> कोड मिलेगा।

8. <data:post.body/> को आप यहाँ नीचे दिये गये कोड से बदल दें

<span expr:id='data:post.id'><data:post.body/></span>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<script type='text/javascript'>summary(&quot;<data:post.id/>&quot;)</script>
<span style='float:right;padding-top:12px;'><a expr:href='data:post.url'>Read More</a></span>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<script type='text/javascript'>summary(&quot;<data:post.id/>&quot;)</script>
<span style='float:right;padding-top:12px;'><a expr:href='data:post.url'>Read More</a></span>
</b:if>
</b:if>

और अब अपने ब्लॉग का प्रिव्यू देख लें यदि सब सही दिख रहा हो तो अपने टेम्पलेट को SAVE कर दें

स्क्रिप्ट कंट्रोल फ़ीचरस्‌

• showImage: true, यदि आप thumbnail नहीं दिखाना चाहते हैं तो true को false से बदल दें
• imgFloat: 'left', यदि आप image को summary के दायीं ओर दर्शाना चाहते हैं तो left को right से बदल दें
• imgWidth: 120, यह इमेज की चौड़ाई है (इसे अपने ब्लॉग की डिज़ाइन के अनुसार बदलें)
• imgHeight: 120, यह इमेज की ऊँचाई है (इसे अपने ब्लॉग की डिज़ाइन के अनुसार बदलें)
• defaultThumb: 'http://www.deviantart.com/download/320064590/no_thumbnail_by_vinayprajapati-d5ak3f2.png', यदि आप default thumbnail के स्थान पर अपनाthumbnail प्रयोग करना चाहते हैं image URL को बदल दें।
• words: 100, यह मुख्य पृष्ठ पर दर्शाये जाने वाले शब्दों की संख्या है जो कि thumbnail होने की स्थिति में है
• wordsNoImg: 120, यह मुख्य पृष्ठ पर दर्शाये जाने वाले शब्दों की संख्या है जो कि thumbnail न होने की स्थिति में है
• skip: 0, skip पहली कुछ पोस्टों के लिए है, जिनपर स्वत: रीड मोर का विकल्प न लगे। यदि इस विकल्प में 0 रहने दिया जाये तो सभी पोस्टों में auto readmore रहता है
• showHome और showLabel: आप इसमें true और false के ज़रिए auto readmore को homepage और label page पर दर्शाना अथवा न दर्शाने के लिए प्रबंधित कर सकते हैं।

इस स्क्रिप्ट का Demo यहाँ देखें