DEV Community

Discussion on: How To Add A 'Table Of Contents' - TOC in Blogger Post In 2021?

Collapse
lukeshiru profile image
LUKESHIRU

I thought Google closed Blogger a few years back, so with this post I learned that Blogger still exists, and it still looks like it did years ago 🤣

About the actual post: You might want to add the language of every code snippet just after the triple back-tick, so you get syntax highlight, like this:

.mbtTOC{border:5px dashed dodgerblue;box-shadow:2px 0px 10px 4px silver;background-color:#f2f2f2;color:black;line-height:1.4em;margin:30px auto;padding:20px 30px 20px 10px; font-family:oswald, arial;display: block;width: 70%;}           
.mbtTOC ol,.mbtTOC ul {margin:0;padding:0;}           
.mbtTOC ul {list-style:none;}           
.mbtTOC ol li,.mbtTOC ul li {padding:15px 0 0; margin:0 0 0 30px;font-size:15px;}           
.mbtTOC a{color:#0080ff;text-decoration:none;}           
.mbtTOC a:hover{text-decoration:underline; }
.mbtTOC button{background:#f2f2f2; font-family:oswald, arial; font-size:20px;position:relative; outline:none;cursor:pointer; border:none; color:black;padding:0 0 0 15px;} 
.mbtTOC button:after{font-family:FontAwesome; position:relative; left:10px; font-size:20px;}
Enter fullscreen mode Exit fullscreen mode

And maybe change some of your tags to #blogger, like #webdev.

Cheers!

Collapse
imamuddinwp profile image
Imam Uddin Author

Hi @lukeshuri, thank you. I ahve revised it. I could not make syntax highlight, can you suggest me please?