Membuat tombol mode baca di blogger

Hello sobat ICloudzer kali ini admin bakalan menkabarkan mengenai cara membuat mode baca di blogger

Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Mode baca

Apa itu mode baca? mode baca merupakan fitur pada suatu sistem atau perangkat untuk mengubah seluruh warna pada layar tampilan yang di sesuaikan untuk memfokuskan mata saat membaca, mode baca ini sering kita jumpai pada settingan menu HP Smartphone, dengan nama fungsi yang berbeda beda namun memiliki fungsi dan kegunaan yang sama

Contoh Tampilan

Jika kamu penasaran dengan bagaimana kah contoh tampilan dari mode baca di blogger silahkan periksa menggunakan tombok dibawah ini Oke

Periksa

Info: Bagaimana sobat contoh tampilan nya keren sekali yak

Cara pembuatan

Baiklah sobat ICloudzer sekarang saatnya admin bakalan menjabarkan mengenai cara membuat mode baca di blogger yang simple, silahkan baca dan ikuti setiap arahan yang admin jelaskan di bawah ini

1. Langkah pertama yang bisa kamu lakukan adalah silahkan login ke blogger menggunakan akun google milikmu
2. Jika sudah pergi ke menu Themes atau Tema, kemudian pilih menu Edit HTML
3. Selanjutnya silahkan salin kode javascript di bawah ini kemudian taruh atau letakkan di atas kode </body>

<script src='https://cdn.jsdelivr.net/gh/rahcode-ui/icloudice@dewa/users/js/rahreadmore.min.js'></script>

Info: Kode javascript di atas sudah admin sesuaikan dan telah di enkripsi, so jangan megubah ataupun mengedit kode apapun pada javascript di atas

4. Jika sudah silahkan simpan template anda
5. Langkah berikutnya untuk menampilkan tombol mode baca nya agar pengunjung Website anda bisa menggunakan nya, silahkan salin kode HTML di bawah ini, kemudian taruh sesuai keinginan kamu aja, dimana ingin menaruhnya

<label onclick='rahMdread()'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 4.000000)'><path class='rahsvg-C' d='M13.1643,8.0521 C13.1643,9.7981 11.7483,11.2141 10.0023,11.2141 C8.2563,11.2141 6.8403,9.7981 6.8403,8.0521 C6.8403,6.3051 8.2563,4.8901 10.0023,4.8901 C11.7483,4.8901 13.1643,6.3051 13.1643,8.0521 Z'/><path d='M0.7503,8.0521 C0.7503,11.3321 4.8923,15.3541 10.0023,15.3541 C15.1113,15.3541 19.2543,11.3351 19.2543,8.0521 C19.2543,4.7691 15.1113,0.7501 10.0023,0.7501 C4.8923,0.7501 0.7503,4.7721 0.7503,8.0521 Z'/></g></svg>
</label>

Info: Fungsi onclick='rahMdread' sangat lah penting untuk mengaktifkan fungsi mode baca, sedangakan SVG yang di gunakan adalah icon mata, atau kamu bisa mengembangkan sendiri tampilan dari tombol mode baca tersebut jika diingkan menggunakan kode CSS