Posted by : Rani Baru Wiranata Feb 26, 2013

When we create a table of contents manually, then we must include a link from the post titles one by one. This will require more time to work if the post title link to be included plenty. However, the manual way is not so slow loading blog.

Whereas if we use a script, then the time required will be shorter. However, the installation script can potentially slow loading blog.With this script we can create a table of contents based on just one label or multiple labels at once. This script will place recent posts at the top.

To create a table of contents based on a specific label only, please note the steps below :

1. Upon entry in the Blogger Buddy, click Design> Page Elements> Add Gadget. Then select HTML / JavaScript.

2. Give the title, then copy the code below and paste it in the Content.


<div style="overflow:auto; width:auto; height:100px; padding:5px; border:1px solid #e6e4e3;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://mr-form.googlecode.com/files/label-post.js'></script>
<ol>
<script src="http://www.ranibaruwiranata.blogspot.com/feeds/posts/default/-/Blogger?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>

  • width:auto; the width of the scroll box indicates the width of the sidebar will follow.
  • height:100px; showed higher maximum scroll box 100 pixels. Please change the numbers to change the height.
  • border:1px solid #e6e4e3; shows the outline (border) style scroll box 1 pixel thick solid colored #e6e4e3. Please tune with the template Friend.
  • <ol> show numbered list, if you want to be a bulleted list please replaced with<ul>.
  • change ranibaruwiranata.blogspot.com with the address of your blog.
  • change Blogger the label you want. Writing labels must match with the one shown on the blog. Note the large-small letters and spaces replaced with %20.

3. Click the Save button.

4. Move the last element to a buddy want.

5. Click the Save button.

{ 2 comments... read them below or Comment }

  1. Very vary thanks friend..
    I searched lot..
    but nobody can give the correct code
    I satisfied here.. but one more help that is how to make open the clicked post in new window. reply me through techsum4u@gmail.com
    www.techsum4u.info

    ReplyDelete
  2. owh ...
    sorry i can't not helping ...
    me on android ... wait next go day me help..

    ReplyDelete

- Copyright © RBW BLOG - Date A Live - Powered by Blogger - Designed by Johanes Djogan -