#back-top{position:fixed;bottom:8px;right:10px}
#back-top img{opacity:0.3;-webkit-transition:1s;-moz-transition:1s;transition:1s}
#back-top img:hover{opacity:1.0}
Ingat Jangan menghapus/remove kode html tersebut dari blog/website sobatokeh segitu saja, semoga bermanfaat, silahkan tinggalkan komentar sobat.
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/highcharts.js" type="text/javascript"></script>
<!-- 1a) Optional: add a theme file -->
<script type="text/javascript" src="js/themes/dark-blue.js"></script>
<!-- 1b) Optional: the exporting module -->
<script type="text/javascript" src="js/modules/exporting.js"></script>
<script type="text/javascript">
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: 'column'
},
title: {
text: 'Hasil Penjualan Motor'
},
subtitle: {
text: 'http://boelshare.blogspot.com'
},
xAxis: {
categories: [
'Jan',
'Feb',
'Mar',
'Apr',
'May',
'Jun',
'Jul',
'Aug',
'Sep',
'Oct',
'Nov',
'Dec'
]
},
yAxis: {
min: 0,
title: {
text: 'Jumlah'
}
},
legend: {
layout: 'vertical',
backgroundColor: '#FFFFFF',
align: 'left',
verticalAlign: 'top',
x: 100,
y: 70,
floating: true,
shadow: true
},
tooltip: {
formatter: function() {
return ''+
this.x +': '+ this.y +' unit';
}
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
series: [{
name: 'Jakarta',
data: [499, 715, 1064, 1292, 1440, 1760, 1356, 1485, 2164, 1941, 956, 544]
}, {
name: 'Bekasi',
data: [836, 788, 985, 934, 1060, 845, 1050, 1043, 912, 835, 1066, 923]
}, {
name: 'Bogor',
data: [489, 388, 393, 414, 470, 483, 590, 596, 524, 652, 593, 512]
}, {
name: 'Bandung',
data: [424, 332, 345, 397, 526, 755, 574, 604, 476, 391, 468, 511]
}]
});
});
</script>
<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Imamfirmansyah" />
<title>Untitled 1</title>
<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/highcharts.js"></script>
<!-- 1a) Optional: add a theme file -->
<script type="text/javascript" src="js/themes/dark-blue.js"></script>
<!-- 1b) Optional: the exporting module -->
<script type="text/javascript" src="js/modules/exporting.js"></script>
<script type="text/javascript">
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: 'column'
},
title: {
text: 'Hasil Penjualan Motor'
},
subtitle: {
text: 'http://boelshare.blogspot.com'
},
xAxis: {
categories: [
'Jan',
'Feb',
'Mar',
'Apr',
'May',
'Jun',
'Jul',
'Aug',
'Sep',
'Oct',
'Nov',
'Dec'
]
},
yAxis: {
min: 0,
title: {
text: 'Jumlah'
}
},
legend: {
layout: 'vertical',
backgroundColor: '#FFFFFF',
align: 'left',
verticalAlign: 'top',
x: 100,
y: 70,
floating: true,
shadow: true
},
tooltip: {
formatter: function() {
return ''+
this.x +': '+ this.y +' unit';
}
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
series: [{
name: 'Jakarta',
data: [499, 715, 1064, 1292, 1440, 1760, 1356, 1485, 2164, 1941, 956, 544]
}, {
name: 'Bekasi',
data: [836, 788, 985, 934, 1060, 845, 1050, 1043, 912, 835, 1066, 923]
}, {
name: 'Bogor',
data: [489, 388, 393, 414, 470, 483, 590, 596, 524, 652, 593, 512]
}, {
name: 'Bandung',
data: [424, 332, 345, 397, 526, 755, 574, 604, 476, 391, 468, 511]
}]
});
});
</script>
</head>
<body>
<!-- 3. Add the container -->
<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
</body>
</html>
- Pada point ke-3 ini, kita memanggil file-file javascript yang dibutuhkan.
- Pada script
<script type="text/javascript" src="js/themes/dark-blue.js"></script>merupakan themes untuk tampilan highcharts, ada 4 jenis themes yang disediakan highcharts. bisa disesuaikan sesuai selera.
Pengertian Ekonomi Islam:
Dasar Hukum Syariah:
- lmu ekonomi yang berdasarkan nilai atau ajaran Islam
- Sistem yang menyangkut pengaturan kegiatan ekonomi dalam suatu masyarakat atau negara berdasarkan suatu cara atau metode tertentu
- Ilmu yang mempelajari segala perikau manusia dalam memenuhi kebutuhan hidupnya dalam tujuan mencari falah
- Al-Baqarah 256:
لاَ إِكْرَاهَ فِي الدِّينِ قَد تَّبَيَّنَ الرُّشْدمِنَ الْغَيِّ
"Tidak ada paksaan untuk (memasuki) agama Islam); sesungguhnya telah jelas jalan yang benar daripada jalan yang sesat".- Konsekuensinya, Lihat dalam QS Al-Baqarah 208 dan :
يَا أَيُّهَا الَّذِينَ آمَنُواْ ادْخُلُواْ فِي السِّلْمِ كَآفَّةً"Hai orang-orang yang beriman, masuklah kamu ke dalam Islam secara keseluruhan (totalitas)."
 |
| Landasan Filosofi Ekonomi Islam |
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"/>
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"/>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"/>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js" type="text/javascript"/>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js" type="text/javascript"/>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js" type="text/javascript"/>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript"/>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript"/>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js" type="text/javascript"/>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js" type="text/javascript"/>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js" type="text/javascript"/>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js" type="text/javascript"/>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js" type="text/javascript"/>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript"/>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js" type="text/javascript"/>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/XRegExp.js" type="text/javascript"/>
<script type="text/javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>
<script class="brush: html" type="syntaxhighlighter">Cara 2: dengan menggunakan Tag <pre>....</pre> , Penulis lebih suka menggunakan cara yg kedua, lebih simple... :D, berikut contoh penggunaannya:
...... Script sobat yg mau di tampilkan.........
</script>
<pre class="brush: html">...Script sobat yang mau ditampilkan....</pre>
| Brush name | Brush aliases | File name |
|---|---|---|
| ActionScript3 | as3, actionscript3 | shBrushAS3.js |
| Bash/shell | bash, shell | shBrushBash.js |
| ColdFusion | cf, coldfusion | shBrushColdFusion.js |
| C# | c-sharp, csharp | shBrushCSharp.js |
| C++ | cpp, c | shBrushCpp.js |
| CSS | css | shBrushCss.js |
| Delphi | delphi, pas, pascal | shBrushDelphi.js |
| Diff | diff, patch | shBrushDiff.js |
| Erlang | erl, erlang | shBrushErlang.js |
| Groovy | groovy | shBrushGroovy.js |
| JavaScript | js, jscript, javascript | shBrushJScript.js |
| Java | java | shBrushJava.js |
| JavaFX | jfx, javafx | shBrushJavaFX.js |
| Perl | perl, pl | shBrushPerl.js |
| PHP | php | shBrushPhp.js |
| Plain Text | plain, text | shBrushPlain.js |
| PowerShell | ps, powershell | shBrushPowerShell.js |
| Python | py, python | shBrushPython.js |
| Ruby | rails, ror, ruby | shBrushRuby.js |
| Scala | scala | shBrushScala.js |
| SQL | sql | shBrushSql.js |
| Visual Basic | vb, vbnet | shBrushVb.js |
| XML | xml, xhtml, xslt, html, xhtml | shBrushXml.js |
Perhatian.!! Jika pada saat di publish muncul pesan kesalahan seperti ini di blog sobat,abaikan saja, kilk "Berhenti menampilkan galat HTML untuk badan entri ini".
Copyright © testing untuk nueldi | Tekken 6 Opacity Name | Template Design by UTta dO2eL.
