2015: Making Tables And In-Page Links Within a Page in Blogspot

Tables in Blogspot
http://blogknowhow.blogspot.com/2011/01/how-add-table-blogger-blogspot-post.html
http://www.bloggersentral.com/2012/11/create-table-in-blogger-post.html
http://www.werockyourweb.com/forums/topic/ms-excel-save-as-clean-html-table/
http://www.textfixer.com/html/html-table-generator.php
http://www.tablesgenerator.com/html_tables#

NOTE: it is VERY important to note that while editing the Blogspot post in "WYSIWYG" mode, all of the formatting and such with respect to a table generated with an external tool with its HTML copied pasted is not shown. Only formatting applied in the WYSIWYG editing view shows up in the WYSIWYG editing view. However, the effects are still there, you will see the effects if you "preview" the page (or have a separate tab open of the posting and press F5 to refresh as you type).

For the table of places visited in Jasper ARK in 2015, I initially used the textfinder and generated a "template" table, pasted the HTML in a blank "scratchpad" blogspot new post in HTML view, and then typed (or copied-pasted) the content in the "placeholder" spots in the "WYSIWYG" editing mode.

For making this table again (what you now see), and for making the in-page navigator (where I needed more flexibility with specifying row width and overall table width), I used the tablesgenerator page (also shown on the PBase page as "HTML Table Maker") and, again, pasted the code in a new blank "scratchpad" blogspot page, then copying-pasting this code into the destination page (the Jasper page). Again, in WYSIWYG mode, the table doesn't look right, it looks like all the formatting etc has been lost, but when you "preview" it (or, again, save and go to a tab with the page's URL open and refresh it via F5), it shows as being properly rendered.

Links Within Page in Blogspot

from http://blogtimenow.com/how-to/create-anchor-links-wordpress-blogger-jump-links/

Within a given H3 header text, in the HTML, add something like id=”page1” within the H3 bracket to create the SPOT. (If it's a plain paragraph, create a separate anchor tag which will look like <a id=”page1”></a>

Then, to create the LINK to this SPOT, use the link generator in WYSIWYG mode (don't forgot to un-check "new window"), copy-paste the URL to this page with #page1 added to it at the end.