Hai,di artikelkali saya akan membahas cara indikator toc atau membuat toc median ui 1.6 mejadi berkedip kedip
Sebenarnya awal mula saya memasang indikator toc pada template median ui ini sejak 2020 saat saya menggunakan median ui 1.4 ,waktu itu saya sedang mencari tutorial memodifikasi template median ui dan saya menemukan blog yang memasang indikator toc yaitu blog wendy code.
Dan karena menarik akhirnya saya meminta script tersebut kepada admin blog wendy code melalui komentar postingannya.
Tadinya saya hanya ngin menggunakanya untuk blog saya sendiri mamun waktu saya membagikan postingan blog saya ke sosial media banyak yang menanyakan bagai mana cara agar toc median ui 1.6 agar bekedip kedip.
Sebenarnya tutorial ini sudah dibuat di blog wendy code,karena saya tidak memiliki ide konten untuk artikel saya jadi saya membuat artikel tentang tutorial tersebut.
Bagaimana cara memasangnya?
-
Langkah pertama login ke akun belogger kalian.
Kemudian pilih tema,edit html
- Salin kode css di bawah ini dan letakkan di atas kode /*]]>*/</style>
-
.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}} - langkah terakhir klik simpan dan lihat hasilnya
Referensi:
https://blog.choipanwendy.com/2021/10/cara-memasang-indikator-toc-pada-template-median-ui.html