Table Of Contents In Tabbed For Blogger Blog Sitemap

Table of Contents TOS Blogger Blog Sitemap is what every blogger likes to add to his blogger blog. It helps in decreasing the bounce rate of the blog and increasing the number of page views.
So today, I'm  going to display you how you can add an amazing Table of Contents TOS  Sitemap blogger blog widget to a page of your blog. Here is how!

Shouted Blog's Gift...!
Create And Add Sitemap Page In Blogger Blog

Add Cool And Stylish Recent Comments Widgets In Blogger Blog

  1. First Off, Go To Your Blogger Dashboard.
  2. Select "Pages" Tab From Blogger Dashboard.
  3. Press "Create New Page" Button.
    Table Of Contents In Tabbed For Blogger Blog Sitemap
    Table Of Contents In Tabbed For Blogger Blog Sitemap
  4. Give Some Name To That Page.
  5. Now Switch To HTML Editor Of That Page.
Shouted Blog's Gift...!
Stylish And Cool Sitemap Page With All Posts In Blogger Blog
  1. Now Copy The Below Code And Paste It In HTML Editor Of The Page.
    1. <link rel="stylesheet" href="http://dte-project.googlecode.com/svn/trunk/tabbed-toc-skin.css" type="text/css" media="screen" />
      <div id="tabbed-toc"><span class="loading">Loading...</span></div>
      <a style="display:block;text-align:right;font:normal bold 8px Arial,Sans-Serif;text-decoration:none;margin:10px;" href="http://www.pakblogz.blogspot.com/" title="Pak Blogz">Pak Blogz Widget</a>
      <script type="text/javascript">
      var tabbedTOC = {
          blogUrl: "http://www.shoutedblog.blogspot.com",
          containerId: "tabbed-toc", // Container ID
          activeTab: 1, // The default active tab index (default: the first tab)
          showDates: false, // `true` to show the post date
          showSummaries: false, // `true` to show the posts summaries
          numChars: 200, // Number of summary chars
          showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
          thumbSize: 40, // Thumbnail size
          noThumb: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
          monthNames: [ // Array of month names
          newTabLink: true, // Open link in new window?
          maxResults: 99999, // Maximum post results
          preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
          sortAlphabetically: true, // `false` to sort posts by published date
          showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
          newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text
      <script type="text/javascript" src="http://dte-project.googlecode.com/svn/trunk/tabbed-toc.js"></script>
  2. Change Blue Highlighted Blogger Blog URL With Your Blog URL.
  3. Press Save And Publish that Page.
  4. Go To Your Blogger Blog Live And You Can See The Table Of Contents TOS Sitemap Page In Your Blog.
Shouted Blog's Gift...!
Table Of Contents In Tabbed For Blogger Blog Sitemap Reviewed by Ghulam Haider on 04:52:00 Rating: 5

No comments:

All Rights Reserved by Shouted Blog © 2014 - 2015
Designed by Ghulam Haider

Contact Form


Email *

Message *

Powered by Blogger.