BLOGGER CODE TABLE OF CONTENTS + REMOVING IMAGE BORDERS

How-to for a Table of Contents for one page only, on a blog at Blogger.com.

This is how it looks:

Contents of this page:

First item

1. This is absolutely the first item of them all.

Second item

2. And this is the second item.

Sub-item for the second item

2.1. This sub-item is the last but one.

Sub-sub-item for the second item

2.1.1. The final item is a sub-sub-item.


The code is here, at GitHub:
https://github.com/Pjotr123/toc-blogger


Remove borders from images:

On your Blogger dashboard, select Theme, Customize. Under the Blogger Theme Designer, click on Advanced, scroll down and select Add CSS. Copy and paste the following codes in the custom CSS area.

Original:

.post-body img, .post-body .tr-caption-container, .ss, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}


My cleaned-up version:

.Image img, .post-body img, .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

Click on Apply to Blogger and the border and shadow around images in your blog will be removed by now. It's really that simple.

I've put the code of the cleaned-up version on GitHub:
https://github.com/Pjotr123/images-blogger

This is the CSS code for putting the cookie notification bar at the bottom of the page, instead from the default top position:

.cookie-choices-info {position: fixed; top: auto !important; bottom: 0px !important;}

If used in combination with other CSS code: there needs to be a blank line between two code snippets.