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
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
- Langkah pertama yang bisa kamu lakukan adalah silahkan login ke blogger menggunakan akun google milikmu
- Jika sudah pergi ke menu Themes atau Tema, kemudian pilih menu Edit HTML
- Selanjutnya silahkan salin kode javascript di bawah ini kemudian taruh atau letakkan di atas kode </body>
- Jika sudah silahkan simpan template anda
- 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
<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
<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