अपने ब्लॉग की ब्लॉग तालिका (Blog Index) बनाइए

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

आज आपके लिए मैं ऐसी ब्लॉग तालिका (Blog Index) को आपके ब्लॉग से जोड़ने का विजेट (Blog Index Widget) दे रहा हूँ। इस विजेट को आप ब्लॉग अनुक्रमणिका (Blog Index) कह सकते हैं। इस अनुक्रमणिका (Index) में आपको एक ही तालिका में अपने ब्लॉग पर प्रकाशित सभी पोस्टें (All post at one page) दिखायी पड़ेगी और स्वत: नयी पोस्टें इस तालिका में जुड़ती रहेंगी। तालिका की किसी भी पोस्ट शीर्षक के ऊपर माउस ऐरो (Hovering at post title) ले जाकर, पोस्ट का संक्षिप्त विवरण (Post Summary) देखा जा सकता है। इस तालिका में आपको पोस्ट प्रकाशित होने की तिथि (Publication date) और उस पोस्ट से जोड़े गये लेबल (Post labels) भी दिखायी देंगे।

Blog Index Sample

View Tech Prévue Blog Index
आप इस तालिका में 'POST TITLE' पर क्लिक करके पोस्ट को शीर्षक के अनुसार सीधे व उल्टे क्रम में (Ascending and descending orders) देख सकते हैं। इसी प्रकार 'PUBLISHED' पर क्लिक करके आप पोस्टों को तिथि के अनुसार सीधे व उल्टे क्रम (Ascending and descending orders) से देख सकते हैं। 'LABELS' के नीचे हर पोस्ट से सम्बन्धित Labels दिखायी देते हैं। जिनमें से किसी भी लेबल पर क्लिक करके उस लेबल से सम्बंधित पोस्टें (Related posts) आप एक ही पेज पर देख सकते हैं।

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

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

Steps to Add Blog Index to Blogger Blogs

1. इस पृष्ठ (Page) में आप सबसे पहले पृष्ठ का शीर्षक (Title of page) भरिए
2. और फिर नीचे दी गया कोड पृष्ठ में प्रकाशित करिए (Publish given code in this page)
3. अब इस अनुक्रमणिका (Index) पेज को डैशबोर्ड पर Pages में देखा जा सकता है।

Blog Index Code: Publish this code to a Blogger Page/Post to create blog index

<div id="tp_blogindex"><h2>Loading Blog Index... <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="//techprevue.googlecode.com/files/blogger_blogindex.js" 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. ध्यान दें कि जिन ब्लॉगरों को पृष्ठ प्रकाशित करने में कोई त्रुटि हो रही है। उनसे अनुरोध है कि वे इस पृष्ठ का नाम अंग्रेजी में 'your-blog-name-blog-index' रखें। ब्लॉगर हिंदी नाम रखने पर पृष्ठ प्रकाशित करने पर कभी-कभी दिक्क्त करता है। एक बार पृष्ठ प्रकाशित हो जाने के बाद इस पृष्ठ का नाम हिंदी में बदला जा सकता है।

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