Blogger How To

Blogger Blog में एक पेज में सभी पोस्ट कैसे दिखाएँ?

How To Show All Posts in One Page in Blogger Blog in Hindi?

Blogger Blog Me Ek Page Me Sabhi Posts Kaise Dikhayen Hindi Me?
Hi Friends, अगर आप कोई किताब पढ़ते  हैं तो देखते है कि उसमे जितनी भी Contents होती है उन सब की सूचि सबसे पहले पन्ने पर दी हुई होती है जिसे ‘Table Of Contents या भी कहते हैं.
इससे हमें फायदा ये होता है कि हमें जो भी Chapter पढना होता है उसकी सूचि वहां पर देखते है और Directly उस पेज पर चले जाते हैं और इस प्रकार हम किसी भी लेख को काफी आसानी से पढ़ पाते है जल्दी से खोज कर.
मैं आज वही चीज आपको अपने Blogger Blog में Add करने का तरीका बताने जा रहा हूँ जिसके बाद आप भी अपने Blogger Blog का ‘Table Of Contents’ या ‘HTML Sitemap’ बना पायेंगे जिसके बाद आपके किसी भी पाठक के लिए आपके Blogger Blog के किसी खास पोस्ट को पढना काफी आसान हो जायेगा.
आप देख सकते हैं कि हमारे Blogger Blog “HindiTechTricks.COM” में भी हमने ‘Table of Contents’ या ‘HTML Sitemap’ पेज बना रखा जहाँ पर हमारे सभी पोस्ट अपने Level के अनुसार सुसज्जित हैं.

 

Create-Table-of-Contents-for-Blogger-in-Hindi
TOC of HTT

और साथ ही ये सभी नए पोस्ट को एक ‘New‘ लेवल के साथ भी दर्शाता है जिससे हमारे पाठक को नए पोस्ट खोजने में आसानी होती है.
इस Hindi Tricks “How To Show All Posts in One Page in Blogger Blog in Hindi? के माध्यम से अपने सभी पोस्ट का Table Of Contents बनाना काफी आसान और फायदेमन्द है क्योंकि ये सभी को आपके Level के अनुसार बांटता है और फिर उसे नंबर के अनुसार सुसज्जित करता है.

इसके लिए आपको अपने Blogger Blog में सिर्फ एक पेज बनाना है और फिर हमारे द्वारा कुछ आसान से Steps को Follow करना है.
तो आइये Step By Step जानते है कि आप कैसे अपने Blogger Blog में सभी पोस्ट की सूचि (Table Of Contents) दिखा सकते हैं.

How To Create Table of Contents for Blogger Blog in Hindi?

Blogger Blog Me Ek Page Me Sabhi Posts Kaise Dikhayen Hindi Me?
STEP 1. > सबसे पहले अपने Blogger Blog में लॉग इन करें.
STEP 2. > अब आप इसके Dashboard से Page टैब में जाएँ तथा इसके ऊपर में स्थित ‘New Page‘ पर क्लिक करें.

Create-Table-of-Contents-for-Blogger-in-Hindi
Create New Page

STEP 3. > अब उस पेज का नाम ‘Table of Contents’ या ‘All Posts’ या ‘Sitemap‘ या फिर इसके अलावे कोई अन्य`नाम जो आपको अच्छा लगे लिख दें.

Create-Table-of-Contents-for-Blogger-in-Hindi
HTML Tab

STEP 4. > अब ऊपर के बाएं कोने में ‘Compose’ के बगल में स्थित ‘HTML‘ पर क्लिक करके इसके HTML Version में जाएँ.
STEP 5. > अब आप निचे दिए गए HTML Code को कॉपी करें तथा उस पेज में पेस्ट कर दें.

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script>
//<![CDATA[
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy=”titleasc”;var tocLoaded=false;var numChars=250;var postFilter=””;var numberfeed=0;function bloggersitemap(a){function b(){if(“entry” in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel==”alternate”){j=n.link[g].href;break}}var o=””;for(var g=0;g<n.link.length;g++){if(n.link[g].rel==”enclosure”){o=n.link[g].href;break}}var c=””;if(“category” in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(“;”);if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy=”titleasc”;sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write(‘</br><div class=”sitemap-link”>
<a href=”http://www.hinditechtricks.com/2016/05/Create-Table-of-Contents-for-Blogger-in-Hindi.html” style=”font-size: 20px; text-decoration:none; color: #5146CD;”>इस Widget को प्राप्त करें :)</a></div>
‘)}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter=””;displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d==”titleasc”){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d==”titledesc”){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d==”dateoldest”){if(postDate[b]>postDate[a]){c(b,a)}}if(d==”datenewest”){if(postDate[b]<postDate[a]){c(b,a)}}if(d==”orderlabel”){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy=”orderlabel”;sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h=””;var e=”Post Title”;var m=”Click to sort by title”;var d=”Date”;var k=”Click to sort by date”;var c=”Category”;var j=””;if(sortBy==”titleasc”){m+=” (descending)”;k+=” (newest first)”}if(sortBy==”titledesc”){m+=” (ascending)”;k+=” (newest first)”}if(sortBy==”dateoldest”){m+=” (ascending)”;k+=” (newest first)”}if(sortBy==”datenewest”){m+=” (ascending)”;k+=” (oldest first)”}if(postFilter!=””){j=”Click to view all”}h+=”<table>”;h+=”
<tr>”;h+='<td class=”header1″>’;h+='<a href=”javascript:toggleTitleSort();” title=”‘+m+'”>’+e+”</a>”;h+=”</td>”;h+='<td class=”header2″>’;h+='<a href=”javascript:toggleDateSort();” title=”‘+k+'”>’+d+”</a>”;h+=”</td>”;h+='<td class=”header3″>’;h+='<a href=”javascript:allPosts();” title=”‘+j+'”>’+c+”</a>”;h+=”</td>”;h+='<td class=”header4″>’;h+=”Read all”;h+=”</td>”;h+=”</tr>
“;for(var g=0;g<postTitle.length;g++){if(a==””){h+=’
<tr><td class=”entry1″><a href=”‘+postUrl[g]+'”>’+postTitle[g]+'</a></td><td class=”entry2″>’+postDate[g]+'</td><td class=”entry3″>’+postLabels[g]+'</td><td class=”entry4″><a href=”‘+postPublished[g]+'”>Read</a></td></tr>
‘;l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+=’
<tr><td class=”entry1″><a href=”‘+postUrl[g]+'”>’+postTitle[g]+'</a></td><td class=”entry2″>’+postDate[g]+'</td><td class=”entry3″>’+postLabels[g]+'</td><td class=”entry4″><a href=”‘+postPublished[g]+'”>Read</a></td></tr>
‘;l++}}}h+=”</table>
“;if(l==postTitle.length){var f='<span class=”toc-note”>Show All ‘+postTitle.length+” Posts<br/></span>”}else{var f='<span class=”toc-note”>Show ‘+l+” posts by category ‘”;f+=postFilter+”‘ the “+postTitle.length+” Total Posts<br/></span>”}var b=document.getElementById(“toc”);b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write(“<p/>”);document.write(‘<p class=”labels”>
<a href=”/search/label/’+temp1+'”>’+temp1+”</a></p>
<ol>”);firsti=a;do{document.write(”
<li>”);document.write(‘<a class=”post-titles” href=”‘+postUrl[a]+'”>’+postTitle[a]+”</a>”);if(postRecent[a]==true){document.write(‘ – <strong><span style=”color: rgb(255, 0, 0);”>New!</span></strong>’)}document.write(“</li>
“);a=a+1}while(postLabels[a]==temp1);b=a;document.write(“</ol>
“);sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy==”titleasc”){sortBy=”titledesc”}else{sortBy=”titleasc”}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy==”datenewest”){sortBy=”dateoldest”}else{sortBy=”datenewest”}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById(“toclink”)}else{alert(“Just wait… TOC is loading”)}}function hideToc(){var a=document.getElementById(“toc”);a.innerHTML=””;var b=document.getElementById(“toclink”);b.innerHTML='<a href=”#” onclick=”scroll(0,0); showToc(); Effect.toggle(‘toc-result’,’blind’);”>?? Display Table of Contents</a> <img src=”http://1.bp.blogspot.com/-_VZwBpHw_SI/UrXvLbFxacI/AAAAAAAAFiQ/ZGqWZUZesCI/s1600/new_icon.gif”/>’}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write(“<br>”);document.write(‘Post Link : <a href=”‘+postUrl[a]+'”>’+postTitle[a]+”</a><br>”);document.write(‘Read all : <a href=”‘+postPublished[a]+'”>’+postTitle[a]+”</a><br>”);document.write(“<br>”)}};
//]]>
</script>
<script src=”http://www.hinditechtricks.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap”></script>

STEP 6. > यहाँ पर ध्यान रहे कि आप ऊपर HTML Code में लाल रंग से हाइलाइटेड हमारे ब्लॉग के लिंक के बदले अपना ब्लॉग का लिंक डाल दिया है.

अर्थात यहाँ पर “www.hinditechtricks.com” के बदले अपने ब्लॉग का लिंक जैसे कि “www.yoursite.com” या “www.yoursite.blogspot.com” लिख दें.
STEP 7. > अब इस पेज को Publish कर दें तथा अपने ब्लॉग पर जाएँ.
STEP 8. > अब Pages बाले Section (यदि आपने पहले से Pages Widget जोड़ रखा है) में जाएँ तथा वहां पर आपने जो Page बनाया था उस पर क्लिक करें और चेक करें कि आपके सभी पोस्ट वहां पर दिख रहे हैं या नहीं.

NOTE 1. >> अगर आपके ब्लॉग में Pages Widget ADD नहीं है तो इसे अपने Blogger Blog के डैशबोर्ड में जाकर Layout टैब में जाकर इस Gadget को ADD कर लें तथा इसके बाद अपने ब्लॉग को फिर से Refresh करें.

NOTE 2. >> अगर आपके ब्लॉग में Pages Widget ADD है और आपका नया पेज नहीं दिख रहा है तो अपने Blogger Blog के डैशबोर्ड में जाकर Layout टैब में जाएँ तथा Pages के निचे Edit पर क्लिक करें तथा वहां पर दिख रहे सभी Pages को Tick कर दें तथा इसके बाद अपने ब्लॉग को फिर से Refresh करें.
तो दोस्तों ये थी आपके Blogger Blog में Table of Contents या HTML Sitemap जोड़ने की आसान सी Hindi Tricks. मुझे पूर्ण आशा है कि आपको ये पसंद आई होगी 🙂

इसके अलावे अगर बिच में कोई समस्या आती है तो Comment Box में पूछने में जरा सा भी संकोच न करें. अगर आप चाहें तो अपना सवाल हमारे ईमेल [email protected] पर भी भेज सकते हैं. हमें आपकी सहायता करके ख़ुशी होगी 🙂

 

इससे सम्बंधित और ढेर सारे पोस्ट मैं आगे लिखता रहूँगा इसलिए हमारे ब्लॉग “HindiTechTricks.COM” को अपने मोबाइल या कंप्यूटर में Bookmark (Ctrl + D) करना न भूलें तथा सभी पोस्ट अपने Email में पाने के लिए हमें अभी Subscribe करें.
अगर ये पोस्ट आपको अच्छी लगी तो इसे अपने दोस्तों के साथ शेयर करना न भूलें. आप इसे Facebook या Twitter जैसे सोशल नेट्वर्किंग साइट्स पर शेयर करके इसे और लोगों तक पहुचाने में हमारी मदद करें. धन्यवाद !

About the author

Prakash Kumar Nirala

Prakash Kumar Nirala is a Techy who loves to spread his technical knowledge with all.

4 Comments

Leave a Comment