{"id":677,"date":"2010-08-15T18:24:00","date_gmt":"2010-08-15T23:24:00","guid":{"rendered":"http:\/\/genealogy.julietarr.com\/blog\/create-a-table-of-contents-for-your-blog-blogger\/"},"modified":"2013-07-13T13:59:19","modified_gmt":"2013-07-13T18:59:19","slug":"create-a-table-of-contents-for-your-blog-blogger","status":"publish","type":"post","link":"https:\/\/genealogy.julietarr.com\/blog\/create-a-table-of-contents-for-your-blog-blogger\/","title":{"rendered":"Create a Table of Contents for Your Blog (Blogger)"},"content":{"rendered":"<p>If you\u2019ve had a blog for awhile, you probably have numerous posts.\u00a0 Many of us who use Blogger, use the Label feature to categorize our posts.\u00a0 We then use the Label widget to display those categories making it easier for people to find all the posts in that category.\u00a0 Unfortunately, this list can get extremely long.\u00a0 Additionally, when you click on the category link, it takes you to a page that produces the full-length posts in that category.\u00a0 I have been looking for a way to use the new Pages feature on Blogger to display my Label list as opposed to the widget sidebar.\u00a0 Yesterday, I finally found a way to dynamically (automatically) create this page.<\/p>\n<p><!--more--><\/p>\n<p>Over at <a href=\"http:\/\/www.abu-farhan.com\/\">Abu Farhan\u2019s blog<\/a>, I found the following post: <a href=\"http:\/\/www.abu-farhan.com\/2010\/05\/table-of-content-and-accordion-for-blogger\/\">Table of Contents and Accordion for Blogger<\/a>.\u00a0 Abu provides a quick and easy way to create a table to contents page by topic, simply by putting a few lines of HTML on a Blogger Page.\u00a0 The nice thing about this particular method is that it will only display a list of titles for a particular label when expanded (see example below).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"ss2\" alt=\"ss2\" src=\"http:\/\/lh5.ggpht.com\/_udfzp1vLXt0\/TGh3HqpKORI\/AAAAAAAAFn8\/YdI2pguTrlg\/ss2%5B4%5D.jpg?imgmax=800\" width=\"502\" height=\"350\" border=\"0\" \/><\/p>\n<p>Abu also provides a method to create a page for your Blog Archive, so you don\u2019t have to display it in your sidebar.\u00a0 Again, it\u2019s as simple as copying a few lines of HTML (see <a href=\"http:\/\/www.abu-farhan.com\/2009\/09\/table-of-contents-categorized-by-dates-by-archived\/\">Table of Contents Categorized by Dates<\/a>) The page lists the post titles by date for each month (see example below).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"ss3\" alt=\"ss3\" src=\"http:\/\/lh6.ggpht.com\/_udfzp1vLXt0\/TGh3H-EKXII\/AAAAAAAAFoA\/ZQj-mZYQvso\/ss3%5B4%5D.jpg?imgmax=800\" width=\"502\" height=\"363\" border=\"0\" \/><\/p>\n<p>I like both of these methods, so I have created a page for <a href=\"http:\/\/genblogjulie.blogspot.com\/p\/posts-by-topic.html\">posts by topic<\/a> and <a href=\"http:\/\/genblogjulie.blogspot.com\/p\/posts-by-date.html\">posts by date<\/a>.\u00a0 The links are accessible from the blog sidebar under the heading <em>Table of Contents<\/em>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"ss1\" alt=\"ss1\" src=\"http:\/\/lh4.ggpht.com\/_udfzp1vLXt0\/TGh3Ideq_RI\/AAAAAAAAFoE\/PKfCjRL3UGk\/ss1%5B4%5D.jpg?imgmax=800\" width=\"502\" height=\"306\" border=\"0\" \/><\/p>\n<p>You may also notice that my blog design changed a little bit.\u00a0 In addition to removing the Label and Blog Archive widgets, I changed the banner at the top and removed some other items from the sidebar.\u00a0 Hope you like the new format!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019ve had a blog for awhile, you probably have numerous posts.\u00a0 Many of us who use Blogger, use the Label feature to categorize our posts.\u00a0 We then use the Label widget to display those categories making it easier for people to find all the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[27,25],"tags":[404],"class_list":["post-677","post","type-post","status-publish","format-standard","hentry","category-how-to","category-genblog","tag-tools-tech-blogging","cat-27-id","cat-25-id"],"jetpack_publicize_connections":[],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3HcLI-aV","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/genealogy.julietarr.com\/blog\/wp-json\/wp\/v2\/posts\/677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/genealogy.julietarr.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/genealogy.julietarr.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/genealogy.julietarr.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/genealogy.julietarr.com\/blog\/wp-json\/wp\/v2\/comments?post=677"}],"version-history":[{"count":2,"href":"https:\/\/genealogy.julietarr.com\/blog\/wp-json\/wp\/v2\/posts\/677\/revisions"}],"predecessor-version":[{"id":4440,"href":"https:\/\/genealogy.julietarr.com\/blog\/wp-json\/wp\/v2\/posts\/677\/revisions\/4440"}],"wp:attachment":[{"href":"https:\/\/genealogy.julietarr.com\/blog\/wp-json\/wp\/v2\/media?parent=677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/genealogy.julietarr.com\/blog\/wp-json\/wp\/v2\/categories?post=677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/genealogy.julietarr.com\/blog\/wp-json\/wp\/v2\/tags?post=677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}