Home
Blogger

How to add a Blinking Table of Content indicator in Median UI v1.7

Blinking Table of Content indicator for Median UI v1.7 thumbnail

Hello everyone, several users received Median UI v1.7 update from JagoDesain and they bring more features than Median UI v1.6 through this update. After getting the update we noticed that there are still not many changes in the Table of Content menu and you might be finding a solution to implement the Blinking Table of Content indicator in Median UI v1.7 then this tutorial is for you. In this tutorial, we are going to show you How to add a Blinking Table of Content indicator in Median UI v1.7. So without wasting much time let's check how to implement it.

How to add a Blinking Table of Content indicator in Median UI v1.7?


  • First, go to your Blogger dashboard
  • Then click on the Theme option
  • Then click on the drop-down icon near Customize option
  • Then click on the Edit HTML option
  • Then find ]]></b:skin> and paste the following CSS just above it or you can paste it above </head> tag by adding <style></style>



    • /* TOC Indicator */span.flex.center.op.i22:before{content:'';display:block;width:12px;height:12px;background-color:var(--themeLink);border:2px solid var(--postBg);border-radius:50%;position:absolute;top:5px;left:12px;animation:indicator 1s ease infinite;-webkit-animation:indicator 1s ease infinite;z-index:1}@-webkit-keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}}


  • Then Save HTML

    • Conclusion

    Hope this How to add a Blinking Table of Content indicator in Median UI v1.7 tutorial is useful to you, If you have any doubts related to this tutorial ask me in the comment, Do share with your friends, Thanks for visiting, and Have a nice day!