Notifications
General
Advertisement

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

  1. Langkah pertama login ke blogger menggunakan akun google milikmu
  2. Kemudian silahkan pergi ke menu Theme atau Tema, dan pilih mode Edit HTML
  3. Selanjutnya silahkan salin kode javascript ini dan letakkan di bawah kode </body>
  4. /* Kalkulator by Bloggermuda.com */
    <script src='https://cdn.jsdelivr.net/gh/Bloggermuda/Bloggermuda.com@main/js/rahKalkulator.min.js'></script>
  5. Jika sudah pergi ke menu Halaman atau Page dan buat halaman baru serta berikan judul "Tools simulasi kalkulator" atau terserah kamu
  6. Selanjutnya silahkan salin kode HTML di bawah ini kemudian taruh di dalam postingan halaman yang kamu buat sebelumnya
  7. <!-- 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



C
7 8 9 / 4 5 6 * 1 2 3 - 0 . = +


2 comments
Cancel
Bagus gan
Terimakasih gan
Advertisement
Scroll to top

Haloo..

Terimakasih sudah berkunjung ke website kami, klik profile di bawah untuk memulai chat

Support Bloggermuda
6285834306926
Call us to +6285834306926 24 Jam
Hallo! Apakah kamu ingin menanyakan sesuatu?
×