What tutorial do you want for the next article! Request Here!

cara memasang indikator toc pada template median ui 1.6 dan 1.5

cara memasang indikator toc pada template median ui 1.6 dan 1.5
cara memasang indikator toc pada template median ui

Hallo semua pada kesempatan kali ini saya akan membagikan cara memasang indikator toc atau membuat toc berkedip pada template median-ui versi 1.6

sebenarnya awal mula saya memasang indikator toc pada template median-ui ini sejak mei 2021 saat pertama kali blog ini di buat, saya melihatnya di blog blog.choipanwendy.com

sebenarnya tutorial ini bisa di pasang pada template median-ui versi berapapun karena pada dasarnya sama aja, yang perlu di perhatikan hanyalah pada class icon tocnya harus sama dan variabel warnanya agar dapat berfungsi.

Memasang Indikator Toc Median Ui V 1.6

silakan masuk ke blogger > tema > edit html salin css di bawah ini dan letkkan di atas kode /*]]>*/</style> jika sudah klik simpan.

.tocC:before{content:'';display:block;width:12px;height:12px;background-color:var(--linkC);border:2px solid var(--bodyB);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}}

Khusus Template Median Ui V 1.5

silakan masuk ke blogger > tema > edit html salin css di bawah ini dan letakkan di atas kode /*]]>*/</b:skin> jika sudah klik simpan.

.Blog .post-tocContainer .show:before{content:unset;display:block;position:absolute;width:10px;left:13px;border-radius:50px;top:7px;height:10px;background:#555;webkit-animation:indicator 1s ease infinite;-moz-animation:indicator 1s ease infinite;animation:indicator 1s ease infinite}
@-webkit-keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@-moz-keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.tableOfIcon:before {
content: '';
display: block;
width: 12px;
height: 12px;
background-color: var(--link-color);
border: 2px solid var(--content-bg);
border-radius: 50%;
position: absolute;
top: 8px;
left: 15px;
animation: indicator 1s ease infinite;
-webkit-animation: indicator 1s ease infinite;
}

ok jadi sekian cara memasang indikator toc pada template median-ui yang bisa saya bagikan kali ini semoga bermanfaat dan terima kasih telah berkunjung.

Post Tags

Info menarik Widget

About the Author

Content Creator, Graphic Designer, UI / UX Designer

1 komentar

  1. Halo kak, apakah tutorial ini bisa dilakukan juga di media ui versi wordpress kak? terima kasih
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.