Silahkan copy script kalkulator berikut dan pasangkan di website anda. Contohnya dapat diakses melalui link http://blogchem.com/calculator/
<!DOCTYPE html><html class=”dcg-calculator-api-container” no_gl=”true” lang=”en“> <head><meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8“><meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0“><meta name=”Description” content=”A beautiful, free Scientific Calculator.“><title>Scientific Calculator</title><link rel=”stylesheet” href=”http://blogchem.com/calculator/api.min.css” /> <link rel=”stylesheet” href=”http://blogchem.com/calculator/calc_basic_container.min.css” /><style type=”text/css“>body { font-family: Arial, sans-serif; } @-moz-keyframes dcg-loading-pulse { 0% { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 0; -moz-transform: scale(1.5, 1.5); } 100% { opacity: 0; -moz-transform: scale(1.5, 1.5); } } @-webkit-keyframes dcg-loading-pulse { 0% { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 0; -webkit-transform: scale(1.5, 1.5); } 100% { opacity: 0; -webkit-transform: scale(1.5, 1.5); } } @-o-keyframes dcg-loading-pulse { 0% { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 0; -o-transform: scale(1.5, 1.5); } 100% { opacity: 0; -o-transform: scale(1.5, 1.5); } } @keyframes dcg-loading-pulse { 0% { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 0; transform: scale(1.5, 1.5); } 100% { opacity: 0; transform: scale(1.5, 1.5); } } .dcg-loading-div-container { position: absolute; left: 0; right: 0; top: 100; bottom: 0; background: #FFF; z-index: 1000; } .dcg-loading-background-div { animation: dcg-loading-pulse 2.2s infinite; left: 50%; background: #eee; width: 140px; height: 140px; display: inline-block; moz-animation: dcg-loading-pulse 2.2s infinite; ms-animation: dcg-loading-pulse 2.2s infinite; o-animation: dcg-loading-pulse 2.2s infinite; webkit-animation: dcg-loading-pulse 2.2s infinite; position: absolute; top: 50%; left: 50%; margin-left: -70px; margin-top: -70px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .dcg-loading-div { color: #fff; font-size: 18px; left: 50%; width: 140px; height: 140px; display: inline-block; text-align: center; position: absolute; top: 50%; left: 50%; color: transparent; margin-left: -70px; margin-top: -70px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: no-repeat center center; background-size: 120px 25px; } </style> <script>window.platform = ‘www’</script> </head> <body dcg-platform=”www“> <div align=”center“> <h1 color=””>Scientific Calculator</h1><br/><br/> <div class=”dcg-loading-div-container“><div class=”dcg-loading-background-div“></div><div class=”dcg-loading-div“>Loading…</div></div> <div id=”main” role=”main“></div><script type=”text/javascript“> try { window.onerror=window.top.onerror; } catch (ex) {} if (typeof Desmos === ‘undefined’) Desmos = {}; Desmos.config = {“sciKeypad”:true,”degreeMode”:true}; Desmos.commit = ‘00460c2242ed7a527bacaf6e03970c66ee7545b9’</script> <script src=”https://www.desmos.com/assets/build/calculator_basic-79ac60a07138aee919b99b556cba11235b925e9b.min.js“></script><script>require([ ‘toplevel/calculator_basic’, ‘testbridge’, ], function (Calc, TestBridge) { window.Calc = Calc; TestBridge.ready(); }); </script> </div> </body> </html>