Script Kalkulator Sains

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>

blogofchem

https://kasmui.blogchem.com

See author's posts

Post Views: 15

blogofchem

Related Posts:

Leave a Reply Cancel reply

Data Pengunjung

Kalender

Translate

Link Favorit

Read previous post:

New Version of Chem4Word

	<!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>