A Table Of Content is a list displaying all the posts on your blog in a clean easy to navigate format for readers.In this post i will show you a table of content which is originally by “Abu-Farhan” that is extremely easy to set up and can be added to your blog in minutes.This will provides a great way to display the table containing your complete archive. I’m currently using this on my sitemap page (List Of Post) Here.
The code that creates the table is actually very simple but you will first need to create a post or static page for your blog. One of the SEO want to each blog or website is sitemap. Each blog or website must has two sitemap, first is for user, and second is for search engine. Sitemap for blog is always known as table of contents. We have discussed this. But, many of our readers request to provide table of contents that work for posts with multi lable.
And now, we have made advanced for table of contents. Like before, this table of contents can collect posts based on label or alphabet. If your post not have label, this table of contents still can work. Remember, your blog must set as public. Here’s the one step required to create a table of contents and add it to your blog.
Table of Contents
Features:
1.) Add “New!!” Text In Front Of For 10 Newest Post.
2.) Quick To Load And Easy To Install.
3.) HTML, JavaScript And CSS 3.
4.) Automatic Add J-Query Plugin.
5.) Pick Your Post Title Via Feeds.
6.) Awesome Style For Title List.
7.) Auto Sort The Title.
8.) This Will Not Animate On Click.
9.) Categories Your Post Under Label Heading.
10.) Pick Link Color From Your Blog Default.
11.) Simple And Short Code.
12.) Also Add Numbered To Title List.
13.) List Up All Post By Picking There Titles.
14.) Also Add Link To Title To There Post Page.
15.) Auto Adjust Post/Page/Widget Height.
How To Add In Blogspot Post?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Add New Post/Page.
4.) Click “Edit HTML” Of Post.
5.) Now Copy The Below Code And Paste It To There.
6.) Click Save, Now You Are Done.
How To Add In Blogspot Gadget/Widget?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click “Add A Gadget” Where You Want To Add It.
5.) Now Scroll To “HTML-JAVASCRIPT”
6.) Click “+” Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty Or Put Anything.
9.) Click Save, Now You Are Done.
<style>
.judul-label{
background-color:#E5ECF9;
font-weight:bold;
line-height:1.4em;
margin-bottom:5px;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 4px #AAAAAA;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #e9e9e9;
border: 2px solid white !important;
background: #6e6e6e;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.data-list{
line-height:1.5em;
margin-left:5px;
margin-right:5px;
padding-left:15px;
padding-right:5px;
white-space:nowrap;
text-align:left;
font-family:"Arial",sans-serif;
font-size:12px;
}
.list-ganjil{
background-color:#F6F6F6;
}
</style>
<script type="text/javascript">
//<![CDATA[
var _0x6588=["\x75\x6E\x64\x65\x66\x69\x6E\x65\x64","\x73","\x73\x63\x72\x69\x70\x74","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x73\x72\x63","\x68\x74\x74\x70\x3A\x2F\x2F\x61\x6A\x61\x78\x2E\x67\x6F\x6F\x67\x6C\x65\x61\x70\x69\x73\x2E\x63\x6F\x6D\x2F\x61\x6A\x61\x78\x2F\x6C\x69\x62\x73\x2F\x6A\x71\x75\x65\x72\x79\x2F\x31\x2E\x33\x2E\x32\x2F\x6A\x71\x75\x65\x72\x79\x2E\x6D\x69\x6E\x2E\x6A\x73","\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64","\x68\x65\x61\x64","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x74\x69\x74\x6C\x65\x61\x73\x63","","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x6C\x65\x6E\x67\x74\x68","\x24\x74","\x74\x69\x74\x6C\x65","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x65\x6E\x63\x6C\x6F\x73\x75\x72\x65","\x63\x61\x74\x65\x67\x6F\x72\x79","\x74\x65\x72\x6D","\x3B","\x6C\x61\x73\x74\x49\x6E\x64\x65\x78\x4F\x66","\x3C\x2F\x62\x72\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x65\x78\x65\x69\x64\x65\x61\x73\x2E\x63\x6F\x6D\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x66\x6F\x6E\x74\x2D\x73\x69\x7A\x65\x3A\x20\x38\x70\x78\x3B\x20\x74\x65\x78\x74\x2D\x64\x65\x63\x6F\x72\x61\x74\x69\x6F\x6E\x3A\x6E\x6F\x6E\x65\x3B\x20\x63\x6F\x6C\x6F\x72\x3A\x20\x23\x36\x31\x36\x34\x36\x39\x3B\x22\x3E\x57\x69\x64\x67\x65\x74\x20\x62\x79\x20\x45\x58\x45\x49\x64\x65\x61\x73\x3C\x2F\x61\x3E","\x77\x72\x69\x74\x65","\x74\x69\x74\x6C\x65\x64\x65\x73\x63","\x64\x61\x74\x65\x6F\x6C\x64\x65\x73\x74","\x64\x61\x74\x65\x6E\x65\x77\x65\x73\x74","\x6F\x72\x64\x65\x72\x6C\x61\x62\x65\x6C","\x4A\x75\x64\x75\x6C\x20\x41\x72\x74\x69\x6B\x65\x6C","\x4B\x6C\x69\x6B\x20\x75\x6E\x74\x75\x6B\x20\x73\x6F\x72\x74\x69\x72\x20\x62\x65\x72\x64\x61\x73\x61\x72\x6B\x61\x6E\x20\x6A\x75\x64\x75\x6C","\x54\x61\x6E\x67\x67\x61\x6C","\x4B\x6C\x69\x6B\x20\x75\x6E\x74\x75\x6B\x20\x53\x6F\x72\x74\x69\x72\x20\x62\x65\x64\x61\x73\x61\x72\x6B\x61\x6E\x20\x74\x61\x6E\x67\x67\x61\x6C","\x4B\x61\x74\x65\x67\x6F\x72\x69","\x20\x28\x64\x65\x73\x63\x65\x6E\x64\x69\x6E\x67\x29","\x20\x28\x6E\x65\x77\x65\x73\x74\x20\x66\x69\x72\x73\x74\x29","\x20\x28\x61\x73\x63\x65\x6E\x64\x69\x6E\x67\x29","\x20\x28\x6F\x6C\x64\x65\x73\x74\x20\x66\x69\x72\x73\x74\x29","\x4B\x6C\x69\x6B\x20\x75\x6E\x74\x75\x6B\x20\x6D\x65\x6E\x61\x6D\x70\x69\x6C\x6B\x61\x6E\x20\x73\x65\x6D\x75\x61","\x3C\x74\x61\x62\x6C\x65\x3E","\x3C\x74\x72\x3E","\x3C\x74\x64\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x6F\x63\x2D\x68\x65\x61\x64\x65\x72\x2D\x63\x6F\x6C\x31\x22\x3E","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74\x3A\x74\x6F\x67\x67\x6C\x65\x54\x69\x74\x6C\x65\x53\x6F\x72\x74\x28\x29\x3B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22","\x22\x3E","\x3C\x2F\x61\x3E","\x3C\x2F\x74\x64\x3E","\x3C\x74\x64\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x6F\x63\x2D\x68\x65\x61\x64\x65\x72\x2D\x63\x6F\x6C\x32\x22\x3E","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74\x3A\x74\x6F\x67\x67\x6C\x65\x44\x61\x74\x65\x53\x6F\x72\x74\x28\x29\x3B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22","\x3C\x74\x64\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x6F\x63\x2D\x68\x65\x61\x64\x65\x72\x2D\x63\x6F\x6C\x33\x22\x3E","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74\x3A\x61\x6C\x6C\x50\x6F\x73\x74\x73\x28\x29\x3B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22","\x3C\x74\x64\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x6F\x63\x2D\x68\x65\x61\x64\x65\x72\x2D\x63\x6F\x6C\x34\x22\x3E","\x44\x6F\x77\x6E\x6C\x6F\x61\x64\x20\x4D\x50\x33","\x3C\x2F\x74\x72\x3E","\x3C\x74\x72\x3E\x3C\x74\x64\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x6F\x63\x2D\x65\x6E\x74\x72\x79\x2D\x63\x6F\x6C\x31\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x3C\x2F\x61\x3E\x3C\x2F\x74\x64\x3E\x3C\x74\x64\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x6F\x63\x2D\x65\x6E\x74\x72\x79\x2D\x63\x6F\x6C\x32\x22\x3E","\x3C\x2F\x74\x64\x3E\x3C\x74\x64\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x6F\x63\x2D\x65\x6E\x74\x72\x79\x2D\x63\x6F\x6C\x33\x22\x3E","\x3C\x2F\x74\x64\x3E\x3C\x74\x64\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x6F\x63\x2D\x65\x6E\x74\x72\x79\x2D\x63\x6F\x6C\x34\x22\x3E","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x44\x6F\x77\x6E\x6C\x6F\x61\x64","\x3C\x2F\x74\x64\x3E\x3C\x2F\x74\x72\x3E","\x3C\x2F\x74\x61\x62\x6C\x65\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x6F\x63\x2D\x6E\x6F\x74\x65\x22\x3E\x4D\x65\x6E\x61\x6D\x70\x69\x6C\x6B\x61\x6E\x20\x53\x65\x6D\x75\x61\x20","\x20\x41\x72\x74\x69\x6B\x65\x6C\x3C\x62\x72\x2F\x3E\x3C\x2F\x73\x70\x61\x6E\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x6F\x63\x2D\x6E\x6F\x74\x65\x22\x3E\x4D\x65\x6E\x61\x6D\x70\x69\x6C\x6B\x61\x6E\x20","\x20\x61\x72\x74\x69\x6B\x65\x6C\x20\x64\x65\x6E\x67\x61\x6E\x20\x6B\x61\x74\x65\x67\x6F\x72\x69\x20\x27","\x27\x20\x64\x61\x72\x69\x20","\x20\x54\x6F\x74\x61\x6C\x20\x41\x72\x74\x69\x6B\x65\x6C\x3C\x62\x72\x2F\x3E\x3C\x2F\x73\x70\x61\x6E\x3E","\x74\x6F\x63","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x3C\x64\x69\x76\x20\x69\x64\x3D\x22\x64\x61\x66\x74\x61\x72\x2D\x69\x73\x69\x22\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x75\x62\x6C\x61\x62\x65\x6C\x22\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6A\x75\x64\x75\x6C\x2D\x6C\x61\x62\x65\x6C\x22\x3E","\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6A\x75\x64\x75\x6C\x2D\x6C\x69\x73\x74\x22\x3E\x3C\x6F\x6C\x3E","\x6F\x64\x64","\x3C\x6C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x64\x61\x74\x61\x2D\x6C\x69\x73\x74\x20\x6C\x69\x73\x74\x2D\x67\x61\x6E\x6A\x69\x6C\x22\x3E","\x65\x76\x65\x6E","\x3C\x6C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x64\x61\x74\x61\x2D\x6C\x69\x73\x74\x20\x6C\x69\x73\x74\x2D\x67\x65\x6E\x61\x70\x22\x3E","\x20\x2D\x20\x3C\x73\x74\x72\x6F\x6E\x67\x3E\x3C\x65\x6D\x3E\x3C\x73\x70\x61\x6E\x20\x73\x74\x79\x6C\x65\x3D\x22\x63\x6F\x6C\x6F\x72\x3A\x20\x72\x67\x62\x28\x32\x35\x35\x2C\x20\x30\x2C\x20\x30\x29\x3B\x22\x3E\x4E\x65\x77\x20\x21\x21\x3C\x2F\x73\x70\x61\x6E\x3E\x20\x3C\x2F\x65\x6D\x3E\x3C\x2F\x73\x74\x72\x6F\x6E\x67\x3E","\x3C\x2F\x6C\x69\x3E","\x3C\x2F\x6F\x6C\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E","\x74\x6F\x63\x6C\x69\x6E\x6B","\x4A\x75\x73\x74\x20\x77\x61\x69\x74\x2E\x2E\x2E\x20\x54\x4F\x43\x20\x69\x73\x20\x6C\x6F\x61\x64\x69\x6E\x67","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x23\x22\x20\x6F\x6E\x63\x6C\x69\x63\x6B\x3D\x22\x73\x63\x72\x6F\x6C\x6C\x28\x30\x2C\x30\x29\x3B\x20\x73\x68\x6F\x77\x54\x6F\x63\x28\x29\x3B\x20\x45\x66\x66\x65\x63\x74\x2E\x74\x6F\x67\x67\x6C\x65\x28","\x27\x74\x6F\x63\x2D\x72\x65\x73\x75\x6C\x74\x27\x2C\x27\x62\x6C\x69\x6E\x64\x27\x29\x3B","\x22\x3E\x3F\x3F\x20\x4D\x65\x6E\x61\x6D\x70\x69\x6C\x6B\x61\x6E\x20\x44\x61\x66\x74\x61\x72\x20\x49\x73\x69\x3C\x2F\x61\x3E\x20\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x72\x61\x64\x69\x6F\x72\x6F\x64\x6A\x61\x2E\x67\x6F\x6F\x67\x6C\x65\x70\x61\x67\x65\x73\x2E\x63\x6F\x6D\x2F\x6E\x65\x77\x5F\x31\x2E\x67\x69\x66\x22\x2F\x3E","\x3C\x62\x72\x3E","\x50\x6F\x73\x74\x20\x4C\x69\x6E\x6B\x09\x09\x20\x20\x3A\x20","\x44\x6F\x77\x6E\x6C\x6F\x61\x64\x20\x6D\x70\x33\x20\x20\x3A\x20"];if( typeof jQuery==_0x6588[0]){cekjq={};cekjq[_0x6588[1]]=document[_0x6588[3]](_0x6588[2]);cekjq[_0x6588[1]][_0x6588[4]]=_0x6588[5];document[_0x6588[8]](_0x6588[7])[0][_0x6588[6]](cekjq[_0x6588[1]]);} ;var postTitle= new Array();var postUrl= new Array();var postMp3= new Array();var postDate= new Array();var postLabels= new Array();var postBaru= new Array();var sortBy=_0x6588[9];var tocLoaded=false;var numChars=250;var postFilter=_0x6588[10];var numberfeed=0;function loadtoc(_0x2ce7xd){function _0x2ce7xe(){if(_0x6588[11] in _0x2ce7xd[_0x6588[12]]){var _0x2ce7xf=_0x2ce7xd[_0x6588[12]][_0x6588[11]][_0x6588[13]];numberfeed=_0x2ce7xf;ii=0;for(var _0x2ce7x10=0;_0x2ce7x10<_0x2ce7xf;_0x2ce7x10++){var _0x2ce7x11=_0x2ce7xd[_0x6588[12]][_0x6588[11]][_0x2ce7x10];var _0x2ce7x12=_0x2ce7x11[_0x6588[15]][_0x6588[14]];var _0x2ce7x13=_0x2ce7x11[_0x6588[17]][_0x6588[14]][_0x6588[16]](0,10);var _0x2ce7x14;for(var _0x2ce7x15=0;_0x2ce7x15<_0x2ce7x11[_0x6588[18]][_0x6588[13]];_0x2ce7x15++){if(_0x2ce7x11[_0x6588[18]][_0x2ce7x15][_0x6588[19]]==_0x6588[20]){_0x2ce7x14=_0x2ce7x11[_0x6588[18]][_0x2ce7x15][_0x6588[21]];break ;} ;} ;var _0x2ce7x16=_0x6588[10];for(var _0x2ce7x15=0;_0x2ce7x15<_0x2ce7x11[_0x6588[18]][_0x6588[13]];_0x2ce7x15++){if(_0x2ce7x11[_0x6588[18]][_0x2ce7x15][_0x6588[19]]==_0x6588[22]){_0x2ce7x16=_0x2ce7x11[_0x6588[18]][_0x2ce7x15][_0x6588[21]];break ;} ;} ;var _0x2ce7x17=_0x6588[10];if(_0x6588[23] in _0x2ce7x11){for(var _0x2ce7x15=0;_0x2ce7x15<_0x2ce7x11[_0x6588[23]][_0x6588[13]];_0x2ce7x15++){_0x2ce7x17=_0x2ce7x11[_0x6588[23]][_0x2ce7x15][_0x6588[24]];var _0x2ce7x18=_0x2ce7x17[_0x6588[26]](_0x6588[25]);if(_0x2ce7x18!=-1){_0x2ce7x17=_0x2ce7x17[_0x6588[16]](0,_0x2ce7x18);} ;postLabels[ii]=_0x2ce7x17;postTitle[ii]=_0x2ce7x12;postDate[ii]=_0x2ce7x13;postUrl[ii]=_0x2ce7x14;postMp3[ii]=_0x2ce7x16;if(_0x2ce7x10<10){postBaru[ii]=true;} else {postBaru[ii]=false;} ;ii=ii+1;} ;} ;} ;} ;} ;_0x2ce7xe();sortBy=_0x6588[9];sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document[_0x6588[28]](_0x6588[27]);} ;function filterPosts(_0x2ce7xf){scroll(0,0);postFilter=_0x2ce7xf;displayToc(postFilter);} ;function allPosts(){sortlabel();postFilter=_0x6588[10];displayToc(postFilter);} ;function sortPosts(_0x2ce7x11){function _0x2ce7x1c(_0x2ce7x1d,_0x2ce7x1e){var _0x2ce7xf=postTitle[_0x2ce7x1d];postTitle[_0x2ce7x1d]=postTitle[_0x2ce7x1e];postTitle[_0x2ce7x1e]=_0x2ce7xf;var _0x2ce7xf=postDate[_0x2ce7x1d];postDate[_0x2ce7x1d]=postDate[_0x2ce7x1e];postDate[_0x2ce7x1e]=_0x2ce7xf;var _0x2ce7xf=postUrl[_0x2ce7x1d];postUrl[_0x2ce7x1d]=postUrl[_0x2ce7x1e];postUrl[_0x2ce7x1e]=_0x2ce7xf;var _0x2ce7xf=postLabels[_0x2ce7x1d];postLabels[_0x2ce7x1d]=postLabels[_0x2ce7x1e];postLabels[_0x2ce7x1e]=_0x2ce7xf;var _0x2ce7xf=postMp3[_0x2ce7x1d];postMp3[_0x2ce7x1d]=postMp3[_0x2ce7x1e];postMp3[_0x2ce7x1e]=_0x2ce7xf;var _0x2ce7xf=postBaru[_0x2ce7x1d];postBaru[_0x2ce7x1d]=postBaru[_0x2ce7x1e];postBaru[_0x2ce7x1e]=_0x2ce7xf;} ;for(var _0x2ce7x10=0;_0x2ce7x10<postTitle[_0x6588[13]]-1;_0x2ce7x10++){for(var _0x2ce7x1f=_0x2ce7x10+1;_0x2ce7x1f<postTitle[_0x6588[13]];_0x2ce7x1f++){if(_0x2ce7x11==_0x6588[9]){if(postTitle[_0x2ce7x10]>postTitle[_0x2ce7x1f]){_0x2ce7x1c(_0x2ce7x10,_0x2ce7x1f);} ;} ;if(_0x2ce7x11==_0x6588[29]){if(postTitle[_0x2ce7x10]<postTitle[_0x2ce7x1f]){_0x2ce7x1c(_0x2ce7x10,_0x2ce7x1f);} ;} ;if(_0x2ce7x11==_0x6588[30]){if(postDate[_0x2ce7x10]>postDate[_0x2ce7x1f]){_0x2ce7x1c(_0x2ce7x10,_0x2ce7x1f);} ;} ;if(_0x2ce7x11==_0x6588[31]){if(postDate[_0x2ce7x10]<postDate[_0x2ce7x1f]){_0x2ce7x1c(_0x2ce7x10,_0x2ce7x1f);} ;} ;if(_0x2ce7x11==_0x6588[32]){if(postLabels[_0x2ce7x10]>postLabels[_0x2ce7x1f]){_0x2ce7x1c(_0x2ce7x10,_0x2ce7x1f);} ;} ;} ;} ;} ;function sortlabel(){sortBy=_0x6588[32];sortPosts(sortBy);var _0x2ce7x1f=0;var _0x2ce7x10=0;while(_0x2ce7x10<postTitle[_0x6588[13]]){temp1=postLabels[_0x2ce7x10];firsti=_0x2ce7x1f;do{_0x2ce7x1f=_0x2ce7x1f+1;} while(postLabels[_0x2ce7x1f]==temp1);;_0x2ce7x10=_0x2ce7x1f;sortPosts2(firsti,_0x2ce7x1f);if(_0x2ce7x10>postTitle[_0x6588[13]]){break ;} ;} ;} ;function sortPosts2(_0x2ce7x11,_0x2ce7x12){function _0x2ce7x22(_0x2ce7x1d,_0x2ce7x1e){var _0x2ce7xf=postTitle[_0x2ce7x1d];postTitle[_0x2ce7x1d]=postTitle[_0x2ce7x1e];postTitle[_0x2ce7x1e]=_0x2ce7xf;var _0x2ce7xf=postDate[_0x2ce7x1d];postDate[_0x2ce7x1d]=postDate[_0x2ce7x1e];postDate[_0x2ce7x1e]=_0x2ce7xf;var _0x2ce7xf=postUrl[_0x2ce7x1d];postUrl[_0x2ce7x1d]=postUrl[_0x2ce7x1e];postUrl[_0x2ce7x1e]=_0x2ce7xf;var _0x2ce7xf=postLabels[_0x2ce7x1d];postLabels[_0x2ce7x1d]=postLabels[_0x2ce7x1e];postLabels[_0x2ce7x1e]=_0x2ce7xf;var _0x2ce7xf=postMp3[_0x2ce7x1d];postMp3[_0x2ce7x1d]=postMp3[_0x2ce7x1e];postMp3[_0x2ce7x1e]=_0x2ce7xf;var _0x2ce7xf=postBaru[_0x2ce7x1d];postBaru[_0x2ce7x1d]=postBaru[_0x2ce7x1e];postBaru[_0x2ce7x1e]=_0x2ce7xf;} ;for(var _0x2ce7x10=_0x2ce7x11;_0x2ce7x10<_0x2ce7x12-1;_0x2ce7x10++){for(var _0x2ce7x1f=_0x2ce7x10+1;_0x2ce7x1f<_0x2ce7x12;_0x2ce7x1f++){if(postTitle[_0x2ce7x10]>postTitle[_0x2ce7x1f]){_0x2ce7x22(_0x2ce7x10,_0x2ce7x1f);} ;} ;} ;} ;function displayToc(_0x2ce7xf){var _0x2ce7x11=0;var _0x2ce7x12=_0x6588[10];var _0x2ce7x13=_0x6588[33];var _0x2ce7x14=_0x6588[34];var _0x2ce7x16=_0x6588[35];var _0x2ce7x17=_0x6588[36];var _0x2ce7xd=_0x6588[37];var _0x2ce7x1f=_0x6588[10];if(sortBy==_0x6588[9]){_0x2ce7x14+=_0x6588[38];_0x2ce7x17+=_0x6588[39];} ;if(sortBy==_0x6588[29]){_0x2ce7x14+=_0x6588[40];_0x2ce7x17+=_0x6588[39];} ;if(sortBy==_0x6588[30]){_0x2ce7x14+=_0x6588[40];_0x2ce7x17+=_0x6588[39];} ;if(sortBy==_0x6588[31]){_0x2ce7x14+=_0x6588[40];_0x2ce7x17+=_0x6588[41];} ;if(postFilter!=_0x6588[10]){_0x2ce7x1f=_0x6588[42];} ;_0x2ce7x12+=_0x6588[43];_0x2ce7x12+=_0x6588[44];_0x2ce7x12+=_0x6588[45];_0x2ce7x12+=_0x6588[46]+_0x2ce7x14+_0x6588[47]+_0x2ce7x13+_0x6588[48];_0x2ce7x12+=_0x6588[49];_0x2ce7x12+=_0x6588[50];_0x2ce7x12+=_0x6588[51]+_0x2ce7x17+_0x6588[47]+_0x2ce7x16+_0x6588[48];_0x2ce7x12+=_0x6588[49];_0x2ce7x12+=_0x6588[52];_0x2ce7x12+=_0x6588[53]+_0x2ce7x1f+_0x6588[47]+_0x2ce7xd+_0x6588[48];_0x2ce7x12+=_0x6588[49];_0x2ce7x12+=_0x6588[54];_0x2ce7x12+=_0x6588[55];_0x2ce7x12+=_0x6588[49];_0x2ce7x12+=_0x6588[56];for(var _0x2ce7x10=0;_0x2ce7x10<postTitle[_0x6588[13]];_0x2ce7x10++){if(_0x2ce7xf==_0x6588[10]){_0x2ce7x12+=_0x6588[57]+postUrl[_0x2ce7x10]+_0x6588[47]+postTitle[_0x2ce7x10]+_0x6588[58]+postDate[_0x2ce7x10]+_0x6588[59]+postLabels[_0x2ce7x10]+_0x6588[60]+_0x6588[61]+postMp3[_0x2ce7x10]+_0x6588[47]+_0x6588[62]+_0x6588[48]+_0x6588[63];_0x2ce7x11++;} else {z=postLabels[_0x2ce7x10][_0x6588[26]](_0x2ce7xf);if(z!=-1){_0x2ce7x12+=_0x6588[57]+postUrl[_0x2ce7x10]+_0x6588[47]+postTitle[_0x2ce7x10]+_0x6588[58]+postDate[_0x2ce7x10]+_0x6588[59]+postLabels[_0x2ce7x10]+_0x6588[60]+_0x6588[61]+postMp3[_0x2ce7x10]+_0x6588[47]+_0x6588[62]+_0x6588[48]+_0x6588[63];_0x2ce7x11++;} ;} ;} ;_0x2ce7x12+=_0x6588[64];if(_0x2ce7x11==postTitle[_0x6588[13]]){var _0x2ce7x15=_0x6588[65]+postTitle[_0x6588[13]]+_0x6588[66];} else {var _0x2ce7x15=_0x6588[67]+_0x2ce7x11+_0x6588[68];_0x2ce7x15+=postFilter+_0x6588[69]+postTitle[_0x6588[13]]+_0x6588[70];} ;var _0x2ce7x18=document[_0x6588[72]](_0x6588[71]);_0x2ce7x18[_0x6588[73]]=_0x2ce7x15+_0x2ce7x12;} ;function displayToc2(){var _0x2ce7x1f=0;var _0x2ce7x10=0;document[_0x6588[28]](_0x6588[74]);while(_0x2ce7x10<postTitle[_0x6588[13]]){temp1=postLabels[_0x2ce7x10];document[_0x6588[28]](_0x6588[75]);document[_0x6588[28]](_0x6588[76]+temp1+_0x6588[77]);document[_0x6588[28]](_0x6588[78]);firsti=_0x2ce7x1f;var _0x2ce7xf=_0x6588[79];do{if(_0x2ce7xf==_0x6588[79]){document[_0x6588[28]](_0x6588[80]);_0x2ce7xf=_0x6588[81];} else {document[_0x6588[28]](_0x6588[82]);_0x2ce7xf=_0x6588[79];} ;document[_0x6588[28]](_0x6588[61]+postUrl[_0x2ce7x1f]+_0x6588[47]+postTitle[_0x2ce7x1f]+_0x6588[48]);if(postBaru[_0x2ce7x1f]==true){document[_0x6588[28]](_0x6588[83]);} ;document[_0x6588[28]](_0x6588[84]);_0x2ce7x1f=_0x2ce7x1f+1;} while(postLabels[_0x2ce7x1f]==temp1);;_0x2ce7x10=_0x2ce7x1f;document[_0x6588[28]](_0x6588[85]);sortPosts2(firsti,_0x2ce7x1f);if(_0x2ce7x10>postTitle[_0x6588[13]]){break ;} ;} ;document[_0x6588[28]](_0x6588[77]);} ;function toggleTitleSort(){if(sortBy==_0x6588[9]){sortBy=_0x6588[29];} else {sortBy=_0x6588[9];} ;sortPosts(sortBy);displayToc(postFilter);} ;function toggleDateSort(){if(sortBy==_0x6588[31]){sortBy=_0x6588[30];} else {sortBy=_0x6588[31];} ;sortPosts(sortBy);displayToc(postFilter);} ;function showToc(){if(tocLoaded){displayToc(postFilter);var _0x2ce7xf=document[_0x6588[72]](_0x6588[86]);} else {alert(_0x6588[87]);} ;} ;function hideToc(){var _0x2ce7xf=document[_0x6588[72]](_0x6588[71]);_0x2ce7xf[_0x6588[73]]=_0x6588[10];var _0x2ce7x11=document[_0x6588[72]](_0x6588[86]);_0x2ce7x11[_0x6588[73]]=_0x6588[88]+_0x6588[89]+_0x6588[90];} ;function looptemp2(){for(var _0x2ce7x10=0;_0x2ce7x10<numberfeed;_0x2ce7x10++){document[_0x6588[28]](_0x6588[91]);document[_0x6588[28]](_0x6588[92]+_0x6588[61]+postUrl[_0x2ce7x10]+_0x6588[47]+postTitle[_0x2ce7x10]+_0x6588[48]+_0x6588[91]);document[_0x6588[28]](_0x6588[93]+_0x6588[61]+postMp3[_0x2ce7x10]+_0x6588[47]+postTitle[_0x2ce7x10]+_0x6588[48]+_0x6588[91]);document[_0x6588[28]](_0x6588[91]);} ;} ;
//]]>
</script>
<script src="https://www.exeideas.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script>
<script type="text/javascript">var accToc=true;</script>
Customization:
1.) Replace www.exeideas.com With Your Blog URL.
2.) Save And Enjoy.
ThnX
You Are Welcome…
It would be better if you had collapsed categories anyway nice
Thanks To Visit Us, Be With Us To Fulfill Your Desire…
Hey,
Is it possible to make the posts on blog appear as small square screenshots? So when a visitor visits my blog they can see screenshots of recently written posts or all the posts. Also after writing a post, is it possible to include ‘ you might also like -posts along with small screenshots’. I have seen these in many blogs. Any help would be appreciated.
Thanks in advance.
You Can View Your Desire At:
Related Post Widgets
Auto Image Thumbnail & ReadMore Link For Blogger Post
Anything More…
I was using this widget already but when my blog got above 500 posts,this widget did not showed the new content in the list or it removed some old posts from the list,Any post was not deleted from my blog but from the List Of Posts.. Please Help,I think that this widget does not support above 500 posts..
Is there any solution…………….??
My blog:
http://www.faadugames.blogspot.com
Change 1000 To 1500 In The RSS Code…
Still not working,their are 246 Posts in Label Games but its showing only 110 of them.
Can I See Where You Are Using This Code…???
Direct Link Please…
Here Is the link:
http://faadugames.blogspot.in/p/posts.html
Also one thing more,today I posted one more post in label Games and the list reduced to 109 Games.
You Have 107 Post Uder “Games” Label, How Much You Really Have? Just Check From Your Blogger Dashbord…
Their are 247 Currently in Games.. All Are Published, I have uploaded a pic with photo here of the No. of games in the blogger dashboard:
http://3.bp.blogspot.com/-3bDfumjzzTs/UTr_18J2TgI/AAAAAAAAAjc/YTPwhPdr_G0/s1600/Capture.JPG
Just Change Some Codes As Below…
< script src=”https://www.exeideas.com/feeds/posts/summary?max-results=2000&alt=json-in-script&callback=loadtoc”>
And after changing it to 2000 the list has become more smaller that is only 98 posts in games list..:(
So Try To Inverse, I Don’t Have A Clear Reply Because It’s Not Happening With Me Or Any Else…
I copied into the html/java script gadget but all I get is the title. My blog is for members only. Is that a factor? I’m using a simple blogger template. Thanks
Can I See This Error In Live Action. Please Share The URL Here…
Hello!! Nice TOC but i am not able to place it since i have more than 500 posts as lucky singh
see this it is not working : http://dailyrlsz.blogspot.com/p/a-z.html
Code Is Updated And Now Working Perfectly…
Nice widget Bro ‘
Thanks for liking our widget. Be with us so we will share more.