0

4 Cara Membuat Background Blog dengan CSS dan HTML

Posted by jujur on 2:17 AM

4 Cara Membuat Background Blog dengan CSS dan HTML

4 Cara Membuat Background Blog dengan CSS dan HTML - Pada dasarnya setiap blogger pasti ingin membuat tampilan blognya terlihat sedikit lebih menarik. Jadi pengetahuan tentang cara memasang background pada blog memang diperlukan.

Kali ini saya akan berbagi sedikit tentang cara memasang background dengan menggunakan CSS dan HTML. Metode ini bisa jadi cukup mudah untuk dilakukan.... Tapi bagian background gradiasi nanti akan agak kompleks, jadi harap pelan-pelan saja bagi pemula....

Perlu diperhatikan bahwa  jika kita menggunakan CSS, maka kode masih harus "dipanggil" dengan memasang nama selector pada kode HTML. Tapi penggunaan CSS ini sendiri mempunyai banyak keunggulan daripada menyuntikkan style dengan HTML. Kapan-kapan kita bahas masalah ini dalam artikel tersendiri.

Jadi kita langsung saja, 4 cara membuat background pada blog adalah sebagai berikut:


CARA PERTAMA

Membuat Background pada Blog dengan warna polos

Dengan CSS
Anggap saja kita menentukan nama id pada CSS adalah mybox. Kita ingin membuat sebuah komponen dengan ukuran 500px x 300px dengan warna background merah biru muda, dan padding 10px.... maka CSS bisa ditulis seperti berikut:

#mybox {
width: 500px;  
height: 300px;
background:#48a0e8;
padding: 10px;
color: #ffffff;
}

Contoh penerapan:
<div id="mybox">ini adalah contoh dari penggunaan warna polos pada background</div>

Dengan HTML
Berbeda dengan CSS, jika menggunakan HTML maka definisi pengaturan langsung ditaruh di dalam div dengan menggunakan fungsi style, lihat contoh di bawah
<div style="width:500px; height:300px; background:#48a0e8; padding:10px; color:#ffffff">ini adalah contoh dari penggunaan warna polos pada background</div>

Cara CSS atau HTML keduanya akan terlihat seperti di bawah ini
ini adalah contoh dari penggunaan warna polos pada background


CARA KEDUA

Membuat Background Blog Dengan Gradiasi Warna

Kita tidak perlu lagi membahas pengaturan yang lainnya karena contohnya sudah ada di atas. Kali ini kita akan spesifik saja membahas pengaturan background. Langkah pertama untuk membuat background adalah menentukan ada berapa warna dalam gradiasi yang akan digunakan?
Anggap saja kita akan menggunakan 4 warna, silahkan cari 4 kode hex dari warna yang akan digunakan. Dalam contoh kali ini saya akan menggunakan gradiasi biru...

Langkah 1: Menentukan warna gradiasi
  • Warna 1: #dbebff
  • Warna 2: #6695bd
  • Warna 3: #8fc2e3
  • Warna 4: #5494cc

Langkah 2: Menentukan Arah Gradiasi
Anggap saja warna 1 adalah warna pertama, anda ingin warna pertama ini dimulai dari mana?
  • Jika dari atas maka gunakan perintah TOP
  • Jika dari kiri atas maka gunakan perintah LEFT TOP
  • Jika dari kiri maka gunakan perintah LEFT
  • Jika dari kiri bawah gunakan perintah LEFT BOTTOM
  • Jika dari bawah gunakan perintah BOTTOM
  • Jika dari kanan bawah gunakan perintah RIGHT BOTTOM
  • Jika dari kanan gunakan perintah RIGHT, dan
  • Jika dari kanan atas gunakan perintah RIGHT TOP

Langkah 3: Menentukan titik stop setiap warna
Anggap saja seperti ini....
  • warna 1 sampai 25% dari ruang
  • warna 2 dari 50% ruang
  • warna 3 dari 75% ruang, dan
  • warna 4 dari 90% ruang....

Jika sudah menentukan 3 faktor di atas maka kita bisa membuat kode dasarnya. Anggap saja kita mau membuat gradiasi horisontal dari atas, maka kodenya adalah....
top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%
Sekarang masukkan kode ini ke dalam fungsi gradiasi CSS untuk browser....
background-image: linear-gradient(kode);
background-image: -o-linear-gradient(kode);
background-image: -moz-linear-gradient(kode);
background-image: -webkit-linear-gradient(kode);
background-image: -ms-linear-gradient(kode);

background-image: -webkit-gradient(
 linear,
 left top,
 left bottom,
 color-stop(persentase dalam desimal, warna 1),
 color-stop(persentase dalam desimal, warna 2),
 color-stop(persentase dalam desimal, warna 3),
 color-stop(persentase dalam desimal, warna 4)
); 
Hasilnya adalah seperti berikut:
background-image: linear-gradient(top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%);
background-image: -o-linear-gradient(top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%);
background-image: -moz-linear-gradient(top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%);
background-image: -webkit-linear-gradient(top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%);
background-image: -ms-linear-gradient(top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%);

background-image: -webkit-gradient(
 linear,
 left top,
 left bottom,
 color-stop(0.2, #DBEBFF),
 color-stop(0.5, #6695BD),
 color-stop(0.75, #8FC2E3),
 color-stop(0.9, #5494CC)
); 

Dengan CSS
SEKARANG ANDA TINGGAL MENARUH KODE DI ATAS KE DALAM BENTUK CSS SEPERTI CONTOH SEBELUMNYA ....
#mybox {
width: 480px;
height: 280px;
background-image: linear-gradient(top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%); 
background-image: -o-linear-gradient(top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%); 
background-image: -moz-linear-gradient(top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%); 
background-image: -webkit-linear-gradient(top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%); 
background-image: -ms-linear-gradient(top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%); 
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.2, #DBEBFF), color-stop(0.5, #6695BD), color-stop(0.75, #8FC2E3), color-stop(0.9, #5494CC) );
background-image: -webkit-gradient( 
linear, 
left top, 
left bottom, 
color-stop(0.2, #DBEBFF), 
color-stop(0.5, #6695BD), 
color-stop(0.75, #8FC2E3), 
color-stop(0.9, #5494CC) );
padding: 10px;
color: #000000;
}

Fungsi di atas tinggal dipanggil sekali lagi ke dalam HTML....dengan kode
<div id="mybox">ini adalah contoh dari penggunaan warna gradiasi pada background</div> 

Dengan HTML
Kode HTML dari CSS di atas bisa terlihat seperti ini...
<div style="width:480px; height: 280px; background-image: linear-gradient(top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%); background-image: -o-linear-gradient(top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%); background-image: -moz-linear-gradient(top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%); background-image: -webkit-linear-gradient(top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%); background-image: -ms-linear-gradient(top, #DBEBFF 20%, #6695BD 50%, #8FC2E3 75%, #5494CC 90%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.2, #DBEBFF), color-stop(0.5, #6695BD), color-stop(0.75, #8FC2E3), color-stop(0.9, #5494CC) );background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.2, #DBEBFF), color-stop(0.5, #6695BD), color-stop(0.75, #8FC2E3), color-stop(0.9, #5494CC) ); padding: 10px; color: #000000;">ini adalah contoh dari penggunaan warna gradiasi pada background</div>

Tampilan akhirnya akan terlihat seperti ini:

ini adalah contoh dari penggunaan warna gradiasi pada background
Susah?
CARA KETIGA

Memasang Background dengan Gambar

Pada dasarnya gambar itu harus diupload dulu supaya nanti kita bisa mendapatkan URL dari gambar. Anda bisa mengupload gambar dengan menggunakan INSERT IMAGE saat mengetik artikel, lalu beralih dari COMPOSE ke HTML mode untuk melihat URL GAMBAR.

Jika anda sudah mempunyai URL Gambar, maka sekarang tinggal mengenal fungsi dasar background gambar. Lihat kode di bawah....
background: url(URL GAMBAR YANG TADI DIUPLOAD);
Jika gambarnya kecil dan anda menginginkan perulangan agar terlihat penuh, maka bisa menggunakan perintah repeat, contohnya:
background: url(URL GAMBAR YANG TADI DIUPLOAD) repeat;

Sekarang anggap saja saya mau memakai URL gambar http://yourdreambuilt.com/images/thm/lifestyles/blue-diamond-pattern.jpg. Berhubung gambarnya kecil, maka saya akan memakai fungsi repeat, sehingga kodenya terlihat seperti di bawah....
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9jYkR5mlnmXA6jZJwBFnHxSL8Y79D5l3bSQBxnB1FYzWSClCsPsICA-TMMAdMNb7nVIWykzDL2L_ygneKbgaoOVgIBa-IHEmNNCePyefObZftSATrnX4iznodpR229GItNRY1EgnUqRRs/s320/BluePattern.bmp) repeat;
Sekarang tinggal memasukkan kode ini ke dalam CSS atau HTML

Dengan CSS
kodenya akan terlihat seperti ini:
#mybox {
width: 460px;
height: 260px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9jYkR5mlnmXA6jZJwBFnHxSL8Y79D5l3bSQBxnB1FYzWSClCsPsICA-TMMAdMNb7nVIWykzDL2L_ygneKbgaoOVgIBa-IHEmNNCePyefObZftSATrnX4iznodpR229GItNRY1EgnUqRRs/s320/BluePattern.bmp) repeat;
padding: 10px;
color: #000000;
}
Anda tinggal memanggilnya ke dalam HTML seperti contoh berikut: 
<div id="mybox">ini adalah contoh dari penggunaan gambar pada background</div>

Dengan HTML
Kode HTML dari background gambar akan terlihat seperti ini:
<div style="width: 460px; height: 260px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9jYkR5mlnmXA6jZJwBFnHxSL8Y79D5l3bSQBxnB1FYzWSClCsPsICA-TMMAdMNb7nVIWykzDL2L_ygneKbgaoOVgIBa-IHEmNNCePyefObZftSATrnX4iznodpR229GItNRY1EgnUqRRs/s320/BluePattern.bmp) repeat; padding: 10px; color: #000000;">Ini adalah contoh dari penggunaan gambar berulang sebagai background</div>

Nanti tampilannya akan terlihat seperti di bawah ini....
Ini adalah contoh dari penggunaan gambar berulang sebagai background


CARA KEEMPAT

Memasang Background Di Blog Dengan Latar Semi Transparan

Kalau yang ini cukup mudah. Untuk membuat background ini cukup memakai kode rgba. Perhatikan contoh berikut ini:
background: rgba(0,0,0,.5)
Contoh di atas adalah kode untuk warna hitam transaparan 50%. Kode 0,0,0 adalah kode untuk warna hitam. Sedangkan kode .5 adalah kode untuk menyatakan tingkat transparan 50%. Silahkan masukkan kode di atas ke dalam CSS dan HTML

Dengan CSS
Lihat contoh kode berikut ini:
#mybox {
width: 440px;
height: 240px;
background: rgba(0,0,0,.5);
padding: 10px;
color: #ffffff;
}
Anda tinggal memanggilnya ke dalam HTML seperti contoh berikut: 
<div id="mybox">ini adalah contoh dari penggunaan semi transparan pada background</div>
Dengan HTML
Apabila ditaruh langsung ke dalam kode HTML, maka kodenya akan terlihat seperti ini....
<div style="width: 440px; height: 240px; background: rgba(0,0,0,.5); padding: 10px; color: #ffffff;">ini adalah contoh dari penggunaan semi transparan pada background</div>
Nanti hasilnya akan terlihat seperti berikut ini:
ini adalah contoh dari penggunaan semi transparan pada background

Apakah tidak terlalu jelas bahwa ini sebuah latar semi transparan? Kalau begitu kita bisa coba dengan menaruhnya di atas latar gambar.... 
Contoh kode:
<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioHfZsRTLDLaa3X40dm5weyQBJLtCEzxZfxG8nyr1RHzrTl-4vjZsKeRD2TULYyfzO7EaSFnWVDmrHsNRyrTs428VDWh98MUwqaKiEvbozP3RgZQyHWnefbTk2x2p8OjCtKFiGYK2lZcY/s1600/contoh+background+gambar.jpg); height: 381px; padding: 30px; width: 340px;">
<div style="background: rgba(0,0,0,.5); color: white; height: 361px; padding: 10px; text-align: center; width: 320px;">
ini adalah contoh dari penggunaan semi transparan pada background
</div>
</div>
Hasilnya akan terlihat seperti di bawah ini....
ini adalah contoh dari penggunaan semi transparan pada background

Jadi inilah keempat cara untuk melakukan kustomisasi pada background, yaitu warna polos, warna gradiasi, gambar, dan warna semi transparan. Silahkan dipilih model background blog yang ingin anda buat.

0

Membuat permainan dengan Tubo pascal

Posted by jujur on 12:20 AM


Membuat permainan perkalian dengan bahasa pemrograman Turbo Pascal
Sahabat sekarang akan memberikan informasi sederhana yang mungkin teman-teman sudah banyak yang tahu atau mungkin juga ada yang belum tahu, yaitu membuat game/permainan perkalian sederhana dengan bahasa pemrograman Turbo Pascal. Terilhami dari pengalaman sahabat yang mempunyai adik yang masih duduk di bangku Sekolah Dasar, karena belum begitu lancar menghafalkan perkalian bilangan 1 angka, maka untuk melatihnya sahabat membuatkan game perkalian 1 angka sehingga kita tidak perlu lagi untuk memberikan dia soal karena sudah digantikan oleh aplikasi sederhana hasil Turbo Pascal.
Kalau bisa dibuat untuk perkalian 1 angka, tentu juga bisa dibuat untuk perkalian 2 angka. Agar lebih paham silakan terlebih dahulu donwload program aplikasi game/permainan perkaliannya di sini sebagai salah satu contohnya.
Sebelumnya sahabat ucapkan terima kasih kepada teman semua, karena telah bersedia meluangkan waktu dan pikirannya untuk membaca pembahasan berikut ini.
Baiklah kita mulai pembahasannya... J. Sekarang kita akan membuat program pascal permainan perkalian 1 angka
Logika program yang akan kita buat kira-kira sebagai berikut: saat program dijalankan maka program akan menampilkan 2 bilangan bulat secara acak, dan kita sebagai user (pengguna program) akan diminta untuk mengetikkan hasil perkalian dari 2 bilangan tersebut, jika hasil perkalian yang kita ketikkan benar, maka program akan menampilkan kembali 2 bilangan bulat secara acak yang akan kita kalikan kembali dan kita kembali mengetikkan hasil perkalian dari 2 bilangan tersebut, dan jika benar lagi maka akan tampil lagi 2 bilangan bulat lain secara acak dan begitu seterusnya.
Dalam turbo pascal, kita menggunakan semacam syarat untuk menampilkan bilangan bulat secara acak, yaitu menggunakan prosedur randomize, sintaks untuk menampilkan bilangan bulat secara acak adalah sebagai berikut:
begin
randomize;
write(random(10));
readln
end.
Jika program tersebut dijalankan maka contoh hasilnya adalah sebagai berikut:
4
Yaitu tampil salah satu bilangan bulat dari 10 bilangan, salah satu bilangan bulat antara 0 sampai dengan 9, bilangan 10 tidak termasuk, karena arti random(10) adalah menampilkan satu bilangan secara acak antara 10 bilangan, tentu pilihan bilangannya adalah antara 0 sampai dengan 9, karena 0 sampai dengan 9 adalah 10 bilangan, pada contoh ini saat dicoba dijalankan muncul bilangan 4, dan kalau kita ingin menampilkan satu bilangan bulat secara acak antara 0 sampai dengan 10, maka cukup mengganti perintah random(10) dengan random(11), karena random(11) berarti menampilkan satu bilangan dari 11 bilangan, karena 0 sampai dengan 10 semuanya adalah 11 bilangan.
Sintaks di atas adalah untuk menampilkan satu bilangan bulat acak, dengan tujuan sama (sama-sama menampilkan satu bilangan bulat acak), sintaks di atas bisa kita ganti dengan sintaks sebagai berikut:
var a:integer;
begin
randomize;
a:=random(10);
write(a);
readln
end.
Jika program dengan sintaks seperti ini dijalankan, maka salah satu contoh hasilnya adalah sebagai berikut:
7
Hasil dari sintaks ini sama dengan sintaks sebelumnya, bedanya adalah sintaks ini menggunakan variabel yaitu a dan sintaks sebelumnya tidak menggunalan variabel.
Karena kita membutuhkan 2 bilangan bulat acak untuk dikalikan, tentu kita harus membuat pendeklarasian 2 variabel sebagai bilangan bulat acak, kita gunakan saja variabel a dan b, sehingga sintaksnya menjadi seperti berikut:
var a,b :integer;
begin
randomize;
a:=random(10);
b:=random(10);
write(a,’ dan ‘,b);
readln
end.
Jika program dengan sintaks seperti ini dijalankan, maka salah satu contoh hasilnya adalah sebagai berikut:
6 dan 9
Kita akan ubah tampilannya supaya berbentuk seperti ini:
6 * 9 =
Kita cukup mengubah sedikit sintaksnya sehingga sintaksnya menjadi seperti berikut:
var a,b :integer;
begin
randomize;
a:=random(10);
b:=random(10);
write(a,’ * ‘,b,’ = ‘);
readln
end.
Selanjutnya kita akan membuat pendeklarasian untuk jawaban perkalian yang akan kita ketikkan. Untuk membuatnya kita membutuhkan sebuah variabel baru, kita beri nama saja variabel itu dengan c. c adalah nilai yang akan kita ketikkan saat program dijalankan sehingga sintaks program kita sekarang menjadi seperti berikut:
var a,b,c :integer;
begin
randomize;
a:=random(10);
b:=random(10);
write(a,’ * ‘,b,’ = ‘); read(c);
readln
end.
Jika program ini kita jalankan, maka akan muncul hasilnya seperti berikut:
6 * 9 =
Saat kita menjalankannya, program tidak akan kembali ke lembaran kerja sebelum kita mengetikkan suatu karakter,  silakan coba, itulah kegunaan readln(c), yang meminta pengguna untuk mengetikkan suatu karakter (di sini suatu bilangan) yang mana karakter/bilangan yang kita ketikkan tersebut dideklarasikan sebagai c.
c merupakan hasil dari perkalian a dengan b, kita ingin jika nilai c yang kita ketikkan itu sama dengan nilai dari hasil kali a dengan b, maka akan muncul a dan b lainnya secara acak yang akan kita kalikan lagi, untuk itu kita butuh suatu proses perulangan. Kita akan menggunakan perulangan repeat ... until, yang berarti ulangi suatu bagian sampai suatu kondisi tertentu terpenuhi.
Di dalam program ini, kita akan mengulangi pemunculan bilangan a dan b secara acak sampai nilai c yang kita ketikkan berbeda dengan hasil kali a dengan b, dengan kata lain, jika nilai c yang kita ketikkan sudah tidak sama (berbeda) dengan hasil kali dari a dengan b, maka tidak akan diulang lagi untuk memunculkan bilangan a dan b secara acak, perhatikan penempatan repeat ... until pada sintaksnya:
var a,b,c :integer;
begin
randomize;
repeat
a:=random(10);
b:=random(10);
write(a,’ * ‘,b,’ = ‘); read(c);
until c<>a*b;
readln
end.
Simbol < > (kecil besar) adalah simbol untuk menyatakan ketidaksamaan, jadi c < > a*b artinya c tidak sama dengan a*b.
Sampai di sini saja sebenarnya sudah jadi suatu permainan/game perkalian sederhana, saat kita mengetikkan nilai c yang sama dengan hasil perkalian a dengan b, maka akan muncul lagi nilai a dan b yang baru secara acak untuk dikalikan lagi dan begitu seterusnya sampai nilai c yang kita ketikkan berbeda dengan hasil kali dari a dengan b, dengan kata lain sampai nilai c yang kita ketikkan salah, silakan coba!
Jika program ini kita jalankan, maka contoh hasilnya adalah sebagai berikut:

Selanjutnya kita sekarang akan membuat program sedikit lebih menarik, katakanlah sedikit menghias program, misalnya pada bagian atas program kita tambahkan dengan judul “PROGRAM PASCAL PERMAINAN PERKALIAN”, sehingga sintaksnya menjadi sebagai berikut:
end.
Selanjutnya agar lebih menarik kita akan membuat layar bersih kembali setiap kita mulai lagi menjalankan program, cukup menambahkan uses crt dan clrscr, perhatikan penempatanya sintaks berikut:
randomize;
a:=random(10);
b:=random(10);
write(a,’ * ‘,b,’ = ‘); read(c);
until c<>a*b;
readln
end.
Sekarang coba jalankan program, maka setiap kita akan memulai untuk menjalankan program, maka layar akan kembali bersih.
Pada saat ini, saat program dijalankan, setelah kita mengetikkan bilangan c yang merupakan hasil kali bilangan a dengan b, maka bilangan a dan b selanjutnya muncul pada baris selanjutnya, sekarang untuk memperindah tampilan, kita akan buat bilangan bulat acak a dan b itu selalu muncul di baris itu saja.
Sekarang pada baris pertama ada judul program, dan baris kedua ada space, kita akan meletakkan bilangan bulat acak a dan b itu selalu pada baris ketiga dan dan kolom pertama, baris merupakan koordinat y, dan kolom merupakan koordinat x, sehingga di sini kita menggunakan semacam prosedur gotoxy(m,n) yang diiringi dengan fungsi clreol, m merupakan angka untuk koordinat x(kolom) dan n merupakan angka untuk koordinat y(baris). Karena kita ingin meletakkan bilangan bulat acak a dan b pada baris ketiga dan kolom pertama maka kita akan pakai perintah gotoxy(1,3), sehingga sintaksnya menjadi sebagai berikut:
write(a,’ * ‘,b,’ = ‘); read(c);
until c<>a*b;
readln
end.
Sekarang jika program dijalankan, bilangan bulat acak a dan b selalu muncul pada baris ketiga dan dimulai pada kolom pertama, sehingga tampilan program menjadi sedikit lebih menarik.
Selanjutnya kita akan membuat suatu perhitungan dari jumlah perkalian yang dapat diselesaikan dengan benar yang dapat kita anggap sebagai suatu nilai. Maksudnya begini, kita akan menampilkan suatu bilangan, yang mana bilangan tersebut selalu berubah-ubah sesuai dengan jumlah perkalian yang dapat diselesaikan dengan benar. Untuk menampilkan bilangan ini kita akan menggunakan suatu variabel baru, kita gunakan saja variabel d, mula-mula kita akan mendefinisikan bahwa nilai d = 0, karena mula-mula tentu belum ada perkalian yang diselesaikan, untuk lebih menarik, kita tampilkan saja d pada baris kelima, sehingga sintaks kita sekarang menjadi seperti berikut:
uses crt;
var a,b,c,d:integer;
begin
clrscr;
writeln(‘PROGRAM PASCAL PERMAINAN PERKALIAN’);
d:=0;
randomize;
repeat
gotoxy(1,5); clreol; write(d);
a:=random(10);
b:=random(10);
gotoxy(1,3); clreol;
write(a,’ * ‘,b,’ = ‘); read(c);
until c<>a*b;
readln
uses crt;
var a,b,c,d:integer;
begin
clrscr;
writeln(‘PROGRAM PASCAL PERMAINAN PERKALIAN’);
d:=0;
randomize;
repeat
gotoxy(1,5); clreol; write(d);
a:=random(10);
b:=random(10);
gotoxy(1,3); clreol;
write(a,’ * ‘,b,’ = ‘); read(c);
d:=d+1;
until c<>a*b;
readln
end.
readln
end.


Copyright Jujur Soaloon Sitangang Lipan All rights reserved. Theme by Sitanggang. | Bloggerized by Soalparna.