Hello everyone, Welcome here, You might know how to add a blinking TOC indicator in Medina UI's older versions but you might be finding a solution to implement a blinking TOC indicator on the latest Median UI v1.7. Blinking the TOC indicator makes the TOC more attractive. If you're finding a method to add a Blinking TOC indicator on Median UI v1.7 then this tutorial is for you. In this tutorial, we are going to show you How to add a Blinking TOC indicator in Median UI v1.7 using pure CSS. So without wasting much time let's check how to implement it.
How to add a Blinking TOC indicator in Median UI v1.7 using pure CSS?
- First of all, go to your Blogger dashboard
- Then click on the Theme option from the sidebar
- Then click on the drop-down icon near Customize option
- Then click on the Edit HTML option from the drop-down menu
- Then Find
]]></b:skin>and paste the following CSS just above it or you can paste the following CSS just above</head>by creating<style></style>Tags
/* 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}}Conclusion
Hope this tutorial will help you to implement a blinking TOC indicator in your Median UI v1.7 template. If you have any doubts related to this tutorial ask me in comments. Don't forget to share with your friends. Thanks for visiting, Have a nice day!