Membuat widget Kalkulator di blogger
Hello sobat Bloggermuda kali ini admin akan menjelaskan mengenai cara membuat widget kalkulator di blogger dengan tampilan menarik dan juga keren
Widget kalkulator
Widget Kalkulator merupakan simulasi nyata dari kalkulator yang kita ketahui bersama, kalkulator sendiri berfungsi untuk menghitung angka apapun yang di perlukan termasuk perkalian, penambahan, pembagian, dan sebagainya, widget kalkulator ini bisa anda tambahkan di blogger atau menampilkan-nya pada halaman tools blogger anda untuk keperluan visitor anda
Contoh tampilan
Berikut ini adalah contoh tampilan widget kalkulator di blogger, silahkan klik tombol di bawah ini untuk mengecek nya
Cara pembuatan
Jika kamu penasaran bagaimana cara membuat widget kalkulator di blogger ini, silahkan baca dan ikuti setiap arahan yang admin jelaskan berikut ini
- Langkah pertama login ke blogger menggunakan akun google milikmu
- Kemudian silahkan pergi ke menu Theme atau Tema, dan pilih mode Edit HTML
- Selanjutnya silahkan salin kode javascript ini dan letakkan di bawah kode </body>
- Jika sudah pergi ke menu Halaman atau Page dan buat halaman baru serta berikan judul "Tools simulasi kalkulator" atau terserah kamu
- Selanjutnya silahkan salin kode HTML di bawah ini kemudian taruh di dalam postingan halaman yang kamu buat sebelumnya
/* Kalkulator by Bloggermuda.com */
<script src='https://cdn.jsdelivr.net/gh/Bloggermuda/Bloggermuda.com@main/js/rahKalkulator.min.js'></script>
<!-- Kalkulator by Bloggermuda.com -->
<div id="rahKalku">
<div class="rahKalkuT">
<div class="rahKalkuB">C</div>
<div class="rahKalkuO"></div>
</div>
<div class="rahKalkuN">
<span class="rahKalkuB angka">7</span>
<span class="rahKalkuB angka">8</span>
<span class="rahKalkuB angka">9</span>
<span class="rahKalkuB operator">/</span>
<span class="rahKalkuB angka">4</span>
<span class="rahKalkuB angka">5</span>
<span class="rahKalkuB angka">6</span>
<span class="rahKalkuB operator">*</span>
<span class="rahKalkuB angka">1</span>
<span class="rahKalkuB angka">2</span>
<span class="rahKalkuB angka">3</span>
<span class="rahKalkuB operator">-</span>
<span class="rahKalkuB angka">0</span>
<span class="rahKalkuB angka">.</span>
<span class="rahKalkuB hitung">=</span>
<span class="rahKalkuB operator">+</span>
</div>
</div>
<center class='rahKalkuLink'></center>
Info: Jika di rasa sudah silahkan publish halaman anda dan lihat bagaimana hasilnya