लेख अनुक्रमणिका – ब्लॉग की सभी पोस्ट एक पेज पर दिखायें

478

ब्लॉग एक डायरी या किताब की भाँति होता है। इस पर यदि एक लेख अनुक्रमणिका या सूची या तालिका “Index” लगा दी जाये जिससे आपकी सभी रचनाएँ तिथि अनुसार शीर्षक द्वारा “Date wise with title” एक ही पेज पर प्रदर्शित की जा सकें तो कितना अच्छा हो। तब हम सभी को किसी भी ब्लॉग पर जाकर अपनी मन पसंद पोस्ट बिना किसी कठिनाई के खोजने और पढ़ने का अच्छा अवसर प्राप्त हो सकता है। इसका एक महत्वपूर्ण लाभ लेखक को यह मिलेगा कि वह अपने पाठकों से एक लिंक द्वारा सभी पोस्ट साझा कर पायेगा। इसमें एक अन्य बहुत महत्वपूर्ण बात और भी है कि नयी पोस्ट स्वत: ही इस तालिका में शामिल हो जायेगी सो लेखक को बार-बार तालिका से नयी पोस्टें नहीं जोड़नी पड़ेगीं। है न यह सब बिल्कुल ही मज़ेदार।

आज आपके लिए मैं ऐसी लेख अनुक्रमणिका “Post Index” को आपके ब्लॉग से जोड़ने का विजेट “Post Index Widget” दे रहा हूँ। इस विजेट को आप लेख अनुक्रमणिका “Post Index” कह सकते हैं। इस अनुक्रमणिका में आपको एक ही तालिका में अपने ब्लॉग पर प्रकाशित सभी पोस्टें दिखायी पड़ेगी और स्वत: नयी पोस्टें इस तालिका में जुड़ती रहेंगी। तालिका की किसी भी पोस्ट शीर्षक के ऊपर माउस ऐरो ले जाकर, पोस्ट का संक्षिप्त विवरण “Post Summary” देखा जा सकता है। इस तालिका में आपको पोस्ट प्रकाशित होने की तिथि और उस पोस्ट से जोड़े गये लेबल “Post labels” भी दिखायी देंगे।

Blog Index Sample
Blog Index Sample

आप इस तालिका में ‘POST TITLE‘ पर क्लिक करके पोस्ट को शीर्षक के अनुसार सीधे व उल्टे क्रम में “Ascending and descending orders” देख सकते हैं। इसी प्रकार ‘PUBLISHED‘ पर क्लिक करके आप पोस्टों को तिथि के अनुसार सीधे व उल्टे क्रम “Ascending and descending orders” से देख सकते हैं। ‘LABELS‘ के नीचे हर पोस्ट से सम्बन्धित Labels दिखायी देते हैं। जिनमें से किसी भी लेबल पर क्लिक करके उस लेबल से सम्बंधित पोस्टें “Related posts” आप एक ही पेज पर देख सकते हैं।

नोट: इस तालिका में एक समय पर 500 पोस्टें (Posts) एक साथ देखी जा सकती हैं। अधिक पोस्टें दिखाने के लिए कोड में इस संख्या में परिवर्तन सम्भव है।

इस ब्लॉग अनुक्रमणिका (Blog Index) को अपने ब्लॉग से जोड़ने के लिए आपको अपने ब्लॉग पर एक पृष्ठ (Page) जोड़ना होगा। जिसे कैसे जोड़ा जाता है आप इसे नीचे दिये गये चित्र से समझ सकते हैं।

Add Blog Index for Blogger Blogs
Steps to Add Blog Index to Blogger Blogs

1. इस पृष्ठ (Page) में आप सबसे पहले पृष्ठ का शीर्षक “Title of page” भरिए
2. और फिर नीचे दी गया कोड पृष्ठ HTML मोड में प्रकाशित करिए
Publish the given code in HTML mode on the page

Blog Index Publishing Help
यह करना आवश्यक है अन्यथा इंडेक्स काम नहीं करेगी।

3. कृपया यह सुनिश्चित करें कि आपने यह विकल्प चालू कर रखा है।
Please make sure you’ve enabled the following option

compose interpret typed html
Blogger Compose Mode – Interpret Typed HTML

4. अब इस लेख अनुक्रमणिका पेज को डैशबोर्ड पर पेजेज़ “Pages” में देखा जा सकता है।

लेख अनुक्रमणिका / पोस्ट सूची / लेख तालिका कोड

<div id="tp_blogindex"><h2>कुछ क्षण प्रतीक्षा कीजिए... <img alt="" src="http://goo.gl/3vusX" style="-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); background: transparent; border: 0px; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); vertical-align:2px;" /></h2></div>
<script src="//goo.gl/lxJ3ya" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadblogindex" type="text/javascript"></script>
<style>
#tp_blogindex{border:0px solid #000;  background:rgba(255,255,255,0.7);  padding:5px;  width:99%;  margin-top:10px}
.blogindex-header-col1, .blogindex-header-col2, .blogindex-header-col3{background:rgb(255,153,0); padding-left:5px;  width:45%}
.blogindex-header-col2{width:15%}
.blogindex-header-col3{width:40%}
.blogindex-header-col1 a:link, .blogindex-header-col1 a:visited, .blogindex-header-col2 a:link, .blogindex-header-col2 a:visited, .blogindex-header-col3 a:link, .blogindex-header-col3 a:visited{font-size:120%; font-family:Arial; text-decoration:none; color:#fff; font-weight:bold}
.blogindex-header-col1 a:hover, .blogindex-header-col2 a:hover, .blogindex-header-col3 a:hover{font-size:120%; text-decoration:underline; font-weight:bold}
.blogindex-entry-col1, .blogindex-entry-col2, .blogindex-entry-col3{padding-left:5px;  font-size:100%}
</style>

बनाये गये पृष्ठ (Page) का लिंक View पर Right Click करके ‘Copy Link‘ विकल्प द्वारा प्राप्त किया जा सकता है। इसके अतिरिक्त सेटिंग को सहेजने के लिए Save Arrangement बटन पर क्लिक करना न भूलें। इस प्राप्त किये गये लिंक को आप अपने ब्लॉग पर कहीं भी जोड़ सकते हैं। यदि आप ब्लॉगर के डिफ़ॉल्ट टेम्पलेट “If using Default Template” प्रयोग कर रहे हैं तो यह स्वत: ही नेवीगेशन बार “Navigation Menu Bar” में दिखायी पड़ने लगेगा।

विशेष:
1. इस उपरोक्त कोड को COMPOSE Mode की बजाय HTML Mode में पेज/पोस्ट बनाकर प्रकाशित करें।
2. ध्यान दें कि जिन ब्लॉगरों को पृष्ठ प्रकाशित करने में कोई त्रुटि हो रही है। उनसे अनुरोध है कि वे इस पृष्ठ का नाम अंग्रेजी में “blog-index” रखें। ब्लॉगर हिंदी नाम रखने पर पृष्ठ प्रकाशित करने पर कभी-कभी दिक्क्त करता है। एक बार पृष्ठ प्रकाशित हो जाने के बाद इस पृष्ठ का नाम हिंदी में बदला जा सकता है।

आशा है कि आप इसे अपने ब्लॉग पर लगाकर अपने मित्रों से साझा करेंगे।

Keywords: blog index, blogger blog index, post index, blog archive, table of contents, all posts at one page, blogger posts list