Senin, 24 April 2017

CONTOH FORM YANG ADA DALAM HTML

CONTOH FORM YANG ADA DI HTML
ASSALAMUALAIKUM WR WB 
Kali ini saya akan memposting salah satu pengunaan form dalam HTML semoga bermanfaat

<html>
<head>
<title>SISWA X TKJ 2</head></title>
<body>
<form action="proses.php" method="post">
<table width="345" border="4" align="center" cellpadding="10" cellspacing="1" bgcolor="white" style="padding: 2px">
<tr>
<td height="50" align="center" bgcolor="white"><font color="black">
<b>NAMA SISWA X TKJ 2</b></font></td>
</tr>
 <tr>
 <form id="form1" name="form1" onsubmit="">>
  <input type="submit" value="Tampilkan Keterangan" onclick="tampilkan()">
</form>
  <td  bgcolor="Snow"><table width="452"  border="3" align="center" cellpadding="5"  cellspacing="1">
<td  width="113">Nama</td><td width="11">:</td>
<td  width="237"><input name="nama" type="algerian" size="100" maxlength="100"></td>
 <td  bgcolor="white"><table width="452"  border="3" align="center" cellpadding="5"  cellspacing="1">
 <td><input type="submit" name="submit" value="ok"onclick="OK()"></td><tr><td>Saran/Komentar</td><td>:</td><td><textarea name="saran" cols="30"  rows="5"></textarea></td><p id="container"</p>
 <tr>
 </tr>
</table>
</form>
</body>
</html>
hasilnya seperti berikut:

Diposting oleh di Tidak ada komentar:

CARA MEMBUAT TULISAN BERGERAK MENGIKUTI KURSOR DI BLOG

CARA MEMBUAT TULISAN BERGERAK MENGIKUTI KURSOR DI BLOG
ASSALAMUALAIKUM WR WB.

Pada kesempatan kali ini saya akan memposting info mengenai cara membuat tulisan bergerak mengikuti kursor ,ini source codenya:




  1. <style type='text/css'>
  2.     #outerCircleText {
  3.     font-style: italic;
  4.     font-weight: normal;
  5.     font-family: jokerman;
  6.     color: blue;

  8.     position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
  9.     #outerCircleText div {position: relative;}
  10.     #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

  12.     </style>
  13.     <script type='text/javascript'>
  14.     //<![CDATA[

  16.     ;(function(){
  17.     // =====Pengaturan Dimulai=====//
  18.     // Masukkan kalimat yang diinginkan (QUOTED STRING)
  19.     var msg = "WELCOME TO BELAJAR BARENG ANDI.N";

  21.     // Set font's style size for calculating dimensions
  22.     // Set to number of desired pixels font size (decimal and negative numbers not allowed)
  23.     var size = 15;

  25.     // Set both to 1 for plain circle, set one of them to 2 for oval
  26.     // Other numbers & decimals can have interesting effects, keep these low (0 to 3)
  27.     var circleY = 0.75; var circleX = 2;

  29.     // The larger this divisor, the smaller the spaces between letters
  30.     // (decimals allowed, not negative numbers)
  31.     var letter_spacing = 5;

  33.     // The larger this multiplier, the bigger the circle/oval
  34.     // (decimals allowed, not negative numbers, some rounding is applied)
  35.     var diameter = 5;

  37.     // Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
  38.     var rotation = 0.2;

  40.     // This is not the rotation speed, its the reaction speed, keep low!
  41.     // Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
  42.     var speed = 0.3;

  44.     // =====Pengaturan Selesai=====//

  46.     if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

  48.     msg = msg.split('');
  49.     var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
  50.     ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
  51.     o = document.createElement('div'), oi = document.createElement('div'),
  52.     b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement :

  54.     document.body,

  56.     mouse = function(e){
  57.     e = e || window.event;
  58.     ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
  59.     xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
  60.     },

  62.     makecircle = function(){ // rotation/positioning
  63.     if(init.nopy){
  64.     o.style.top = (b || document.body).scrollTop + 'px';
  65.     o.style.left = (b || document.body).scrollLeft + 'px';
  66.     };
  67.     currStep -= rotation;
  68.     for (var d, i = n; i > -1; --i){ // makes the circle
  69.     d = document.getElementById('iemsg' + i).style;
  70.     d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) +

  72.     'px';
  73.     d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
  74.     };
  75.     },

  77.     drag = function(){ // makes the resistance
  78.     y[0] = Y[0] += (ymouse - Y[0]) * speed;
  79.     x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
  80.     for (var i = n; i > 0; --i){
  81.     y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
  82.     x[i] = X[i] += (x[i-1] - X[i]) * speed;
  83.     };
  84.     makecircle();
  85.     },

  87.     init = function(){ // appends message divs, & sets initial values for positioning arrays
  88.     if(!isNaN(window.pageYOffset)){
  89.     ymouse += window.pageYOffset;
  90.     xmouse += window.pageXOffset;
  91.     } else init.nopy = true;
  92.     for (var d, i = n; i > -1; --i){
  93.     d = document.createElement('div'); d.id = 'iemsg' + i;
  94.     d.style.height = d.style.width = a + 'px';
  95.     d.appendChild(document.createTextNode(msg[i]));
  96.     oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
  97.     };
  98.     o.appendChild(oi); document.body.appendChild(o);
  99.     setInterval(drag, 25);
  100.     },

  102.     ascroll = function(){
  103.     ymouse += window.pageYOffset;
  104.     xmouse += window.pageXOffset;
  105.     window.removeEventListener('scroll', ascroll, false);
  106.     };

  108.     o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

  110.     if (window.addEventListener){
  111.     window.addEventListener('load', init, false);
  112.     document.addEventListener('mouseover', mouse, false);
  113.     document.addEventListener('mousemove', mouse, false);
  114.     if (/Apple/.test(navigator.vendor))
  115.     window.addEventListener('scroll', ascroll, false);
  116.     }
  117.     else if (window.attachEvent){
  118.     window.attachEvent('onload', init);
  119.     document.attachEvent('onmousemove', mouse);
  120.     };

  122.     })();
  123.     //]]>
  124.     </script>                                                       
ini contoh tampilannya:

Diposting oleh di Tidak ada komentar:

Senin, 10 April 2017

CARA INSTAL WINDOWS 10

CARA INSTAL WINDOWS 10

ASSALAMUALAIKUM WR WB.

Windows 10 merupakan sistem operasi komputer pribadi yang dikembangkan oleh Microsoft sebagai bagian dari keluarga sistem operasi Windows NT. Diperkenalkan pada tanggal 30 September 2014 dirilis pada 29 Juli 2015 dan pada November 2015.Pada varian ini,microsoft menampilkan tampilan yang lebih baik dari varian yang pernah dibuat oleh Microsoft Corporation itu sendiri.Berikut langkah-langkah instalasi windows 10.
  1. Pertama masukan media installer windows 10 yang kamu gunakan (flashdisk atau DVD).
  2. Setelah itu nyalakan komputer, lalu masuk dulu ke BIOS untuk mengatur First Booting. Caranya ketika komputer baru menyala, tekan tombol F2 atau beberapa komputer ada yang menggunakan tombol DEL untuk masuk ke BIOS. Sesuaikan saja. Setelah disetting first boot nya, tekan F10, save and restart.
  3. Komputer akan booting melalui media installer windows 10, dan jika muncul perintah Press any key too boot from CD or DVD, tekan saja sembarang tombol. Nanti proses akan segera dilanjutkan.
  4. Pilih Language to install, Time and currency format, dan Keyboard or input method. Jika sudah klik next.
  5. Lalu klik Install now.
  6. Setup is starting, tunggu saja sampai proses berlanjut.
  7. Selanjutnya masukan serial number yang kalian miliki. Jika kalian tidak mempunyainya, klik skip saja.
  8. Pada bagian ini, kami memilih Windows 10 Pro. Dan kebetulan hanya tersedia yang versi 32 bit (x86). Sesuaikan dengan pilihan kalian masing-masing ya! Jika sudah klik Next.
  9. Kemudian beri centang pada opsi I accept the license terms. Lalu klik Next.
  10. Pada bagian ini terdapat dua pilihan, yaitu  Karena kita akan menginstall ulang komputer/laptop kita, maka saya pilih custom.
  11. Lalu kita akan berlanjut pada bagian pembagian partisi. Penting! Disini saya harap kamu berhati-hati betul, khususnya untuk yang masih pertama kali. Karena jika salah, bisa-bisa data kamu bakalan hilang.
  12. Pada contoh ini, hardisk yang saya gunakan masih kosong. Berarti tidak saya bebas membagi-bagi spacenya. Saya menyarankan untuk membaginya minimal dua partisi, yang pertama untuk drive C;/, biasanya untuk system. Yang kedua drive D:/, bisa kalian gunakan untuk menyimpan data-data pribadi.
  13. Jika sudah kamu atur partisinya, pilih partisi yang akan kamu jadikan lokasi untuk sistem windows nya. Dalam hal ini saya pilih, Drive0 Partition2. Kemudian klik Next.
  14. Jika pada komputer kamu sebelumnya sudah ada sistem operasi, kamu hanya perlu mem-format partisi tempat dimana sistem diinstall sebelumnya.
  15. Selanjutnya adalah serangkaian proses pengalokasian file-file windows dari media installer ke hardisk. Tunggu sampai prosesnya selesai.
  16. Nanti komputer akan minta me-restart sendiri. Klik saja Restart now.
  17. Jika komputer sudah restart, kamu bisa keluarkan media installer dari komputer. Lalu tunggu semua prosesnya sampai benar-benar selesai. Dalam proses ini, komputer mungkin akan beberapa kali restart. Biarkan saja, komputer sedang menyesuaikan sistem dengan hardware yang ada.
  18. Kemudian, masukkan serial number jika diminta. Jika belum punya, klik saja Do this later.
  19. Pilih I own it. Kemudian klik Next.
  20. Buat akun untuk komputer kamu. Masukkan username, password, dan HINT (untuk pengingat jika lupa password). Jika sudah klik Next.
  21. Tunggu prosesnya sebentar. Tidak lama kemudian kamu akan masuk ke desktop windows 10.



Diposting oleh di Tidak ada komentar:

CARA INSTAL SO WINDOWS 7 DENGAN MUDAH

CARA MENGINSTAL WINDOWS 7

Assalamualaikum WR WB.

Pada kesempatan kali ini saya akan memposting info tentang cara instal SO windows 7,semoga bermanfaat bagi pengunjung semua.

A.Pengertian windows
Microsoft Windows atau yang lebih dikenal dengan sebutan Windows adalah keluarga sistem operasi. yang dikembangkan oleh Microsoft Corporation yang dipimpin oleh Bill Gates, dengan menggunakan basis GUI(Graphical User Interface)atau antar muka.

B.Cara Instal windows 7.

 Windows 7 merupakan sistem operasi dimana yang dirilis oleh Microsoft pada 22 Oktober 2009.Seperti versi Windows dari yang sebelumnya, Windows 7 memiliki antarmuka berbasis GUI  yang memungkinkan Anda berinteraksi dengan item pada layar menggunakan keyboard dan juga mouse.
Berikut langkah-langkah menginstal Windows 7
  1. Pertama kali pastikan anda memiliki DVD Windows 7 terlebih dahulu,jika sudah tersedia masukkan DVD tersebut ke DVDROM yang anda miliki.
  2. Atur agar booting awal melalui DVD. Pengaturan dilakukan pada BIOS. Anda bisa tekan Delete ataupun F2 untuk bisa masuk BIOS, atau sesuaikan dengan motherboard Anda. Kemudian Simpan lalu restart.
  3.  Jika muncul peirintah Press any key too boot from CD or DVD, Anda bisa tekan tombol apa saja. Setelah itu akan muncul proses Windows is loading files,dilanjutkan dengan Starting Windows.
  4. Pilih Language to Install, Time and currency format, untuk keyboard biarkanUS. Lalu klik Next
  5. Karena tujuan kita adalah mnginstall, maka pilih Install Now.
  6.   klik Install Now













6. Tunggu beberapa saat pada proses Setup is starting.
7. Beri centang pada I accept the licens teerms, kemudian klik next.
beri centang pada I accept the license terms8. Pada bagian ini, pilih saja Custom (Advenced). Agar nantinya dapat memilih di drive mana Windows 7 akan di install.

 9. Mengatur drive sekaligus partisi pada step ini di sarankan bagilah hardisk minimal 2 drive.
Satu untuk drive untuk windows 7 (C) dan satu drive untuk data (D) dengan memilihdrive option. Sebelum lanjut, pilihlahn Disk 0 Partitio 2 yang merupakan partisi (C). Kemudian klik Next.

 10. Tunggulah beberapa proses installasi dibawah ini.



11. Secara otomatis komputer akan restart sendiri.

Diposting oleh di Tidak ada komentar:

CARA INSTAL WINDOWS 8

CARA INSTAL WINDOWS 8

 ASSALAMUALAIKUM WR WB.

 Pada kesempatan kali ini saya akan memposting info tentang cara instal SO windows 8.

Windows 8 adalah nama dari salah satu versi Microsoft Windows keluaran Microsoft Corporation yang secara resmi dirilis pada 26 Oktober 2012 bersamaan dengan peluncuran komputer perdana yang menggunakan  SO Windows 8.Sama seperti varian sebelumnya,Windows 8 tetap menggunakan antarmuka hanya saja lebih menarik dari varian lainnya.Berikut langkah-langkah instalasi Windows 8 




  1. Pertama seperti biasa anda harus memiliki master DVD Windows 8 terlebih dahulu,jika sudah tersedia silahkan masukan DVD tersebut kedalam DVD ROM.
  2. Boot komputer anda dengan media instalasi windows 8 Developer.Mungkin butuh beberapa menit untuk memuat file-file, dan kemudian akan membawa Anda ke layar instalasi. Pilih pilihan yang sesuai dan klik Next.
  3. Sekarang klik pada “Install Now” untuk melanjutkan
  4. centang “Accept the terms and conditions” dan kemudian klik “Next”.
  5. Disini kita bisa memilih opsi apakah ingin meng-upgrade windows kita ke windows 8 Edisi Developer atau ingin melakukan instalasi bersih. Pilih Custom (Advanced) untuk melanjutkan instalasi bersih.
  6. Pada layar ini Anda dapat memilih drive yang ingin Anda instal, di sini kita memiliki kemampuan untuk mengelola disk, format, membuat partisi dll Jika Anda berencana untuk men-setup Dual boot maka Anda dapat memilih drive yang berbeda. Setelah Anda mengknfigurasi drive klik “Next”
  7. Itu saja sekarang akan dimulai proses instalasi, tunggu sampai selesai yang mengambil waktu 10 menit sampai 1 jam tergantung pada konfigurasi Hardware.
  8. Setelah itu menyelesaikan instalasi Komputer Anda akan reboot dan akan mempersiapkan pengaturan2. Jadi silahkan menunggu beberapa saat.
  9. Sekarang akan membawa Anda untuk mempersonalisasi pengaturan desktop Anda. Silahkan pilih “Express settings” yang pada layarnya tertera keterangan tentang apa saja settingan akan dilakukan.
  10. Tidak seperti sistem operasi lain, pada Windows 8 Anda dapat login menggunakan account Windows Live. Jadi, Anda dapat memasukkan informasi account Windows Live Anda.
  11. Jika tidak ingin menggunakan metode login ini, silahkan klik pada “I don’t want to log in with a Windows Live ID”.
  12. Anda dapat memilih “Local account” untuk membuat Username dan Password untuk login ke Windows Anda.
  13. Setelah semua informasi telah dimasukkan, klik “Next”.
  14. Sekarang Windows akan mengkonfigurasi pengaturan Anda
  15. Setelah semuanya di setup, maka kita akan disuguhkan tampilan Desktop Windows 8.
Diposting oleh di Tidak ada komentar:
Langganan: Komentar (Atom)