2016 ~ zonakode.com

Sunday 7 August 2016

Cara membuat validasi email

18:55:00 – by Unknown 0

Assalamualaikum wr wb,
Hay jumpa lagi dengan zonakode temukan tutorial hanya di zonakode.bg.com, Kali ini saya akan membahas tentang bagaimana cara membuat validasi email. yang sering kita gunakan ketika login atau membuat from saran dll, bisa di terapkan di mana saja.
asalkan kreatif ya.. sebelum membahas tentang validasi kita memahami tentang javascript ya walaupun sedikit yang penting kita sudah tau dasar dasar javascript itu sendiri.

oke langkah pertama kita membuat javascriptnya dulu, kalau temen temen bingung bisa liat videonya disini .
dan saya menggunakan aplikasi Atom.exe download di google.com banyak.

ini kodenya :

<html>
    <head>
        <title>Validasi</title>
        <script type="text/javascript">
        function Validasi(){
          //PEngambilan data darri from eko -> name=masing-masing 1
                var email=document.eko.email.value;
                var nama=document.eko.nama.value;
                var pass=document.eko.pass.value;
                //sampe ini 1
                //validasi from yang kosong tidak boleh ada yang kosong
                if (email=="" || nama=="" || pass==""){
                  alert("Form Harus Lengkap");
                }
                //validasi email menentukan benar salahnya email
                if ((email.indexOf('@',0)==-1) || (email.indexOf('.',0)==-1)){
                  alert("Email Salah");
            }

return true;
          }
        </script>
        
    <style media="screen">
    *{
      padding: 40,40,40,40;
      margin: 0;
    }
      #main{
        width: auto;
        height: auto;;
        background-color: #747809;
        float: left;
      }
    </style>
    </head>
    <body>
      <center>
        
      <div id="main">
        <form action="" name="eko" method="post" onsubmit="return Validasi();">
            <table align="center">
<tr>
                <td>From CONTOh</td>
              </tr>
<tr>
                <td>Nama </td>
                <td><input type="text" name="nama" placeholder="Nama"></td>
              </tr>
<tr>
                    <td>Email </td>
                    <td><input type="text" name="email" placeholder="Masukan email"></td>
                </tr>
<tr>
                  <td>Password</td>
                  <td>
                    <input type="password" name="pass" placeholder="Masukan Password">
                  </td>
                </tr>
<tr>
                    <td><input type="submit" name="submit" value="Kirim"></td>
                </tr>
</table>
</form>
</div>
</center>
</body>
</html>

tampilanya standar yang penting di validasinya:

penjelasan sudah saya letakkan di dalam kode tersebut , sebagai proggramer kita harus think smart,
jika salah akan ada alert seperti di bawah ini :

jika benar akan diam karena di form actionnya saya kosongi supaya anda bisa berkreasi sendiri sesuai selera ,, terimakasih.

Wassalamualaikum wr wb

Saturday 18 June 2016

The Conjuring 2 (2016) Sub Indonesia

05:31:00 – by programmer 0

Link :

Download

Download Here here

Subtitle Indonesia :

Download

Wednesday 15 June 2016

Cara Cek Artikel Berkualitas atau Tidak

23:13:00 – by programmer 0

Assalamualaikum
selamat malam gaes kali ini zona kode sedikit melenceng hehe bahas tentang masalah artikel, kenapa harus di permasalahkan ya masih ber tanya tanya haha.. Oke lanjut saya jelaskan kenapa di permasalahkan dalam menulis artikel.. yang pertama untuk sarat googleAdsense siapa yang gak tau sih tentang GA Tool Online yang menghasilkan uang lewat iklan yang gregetnya lagi FREE alias gratis :D. banyak yang demen kalo gratis tu. yang kedua sebagai hak cipta.

itu beberapa keutamaan membuat artikel unggulan yang berkualitas. jangan asal copas punya orang itu melanggar hak cipta. apalagi copas trus gak di modif sedikitpun wah itu antara bloon dan peak tuh wkwkw.. Ohya Bagaimana cara cek Artikel Berkualitas atau tidak berikut adalah caranya :D

gampang kok tenang aja ya.
berikut caranya :

1. Masuk ke SININI
2. Scrol ke bawah dikit :D
3. Nah ada tampilan kayagini, tinggal paste di bagian ini. Kaya admin itu.

4. Nah Bagian ini Isi Scurity Codenya kaya admin itu.

5. Jika Sudah Klik "check plagiarism" warna hijau

6. Tunggu Sampe roses selesai nanti akan tampil seperti di bawah ini dan alhamdulilahnya 100% artikel admin bukan copas atau nyolong tapi asli buatan sendiri dan hasilnya memuaskan :D semoga anda juga :D

dan jika ada yang tidak bagus nanti tulisanya plagiarized warnanya merah.

oke selamat mencoba ya guys dan semoga berhasil,. sekian artikel dari saya semoga bermanfaat.
wassalamualaikum w w w

Monday 13 June 2016

Membuat Table

20:01:00 – by programmer 1

Assalamualaikum w w w hay guys.. sambil ngabuburit kita blajar membuat table aja yok.. meskipun ini hal yan sepele tetapi kita harus mengerti tentang rowspan dan colspan nah apa sih fungsi dari rowspan dan colspan... dari fungsi nya dulu ya baru kita mnyimpulkan pengertianya.. oke langsung aja praktikum :D
note : tabel asli :

kolom 1	kolom 2
Nama	Eko Prasetio
blog	Http://zonakode.blogspot.com
Alamat	Yogyakarta

Source Kode:

1. ROWSPAN untuk menggabungkan baris. berikut contohnya:

kolom 1	kolom 2
2 BARIS	Eko Prasetio
2 BARIS	Http://zonakode.blogspot.com
Alamat	Yogyakarta

Source Kode :

2. COLSPAN untuk menggabungkan kolom Di pahami ya gaess

INI Penggabungan 2 kolom
Nama	Eko Prasetio
Blog	Http://zonakode.blogspot.com
Alamat	Yogyakarta

Source kode :

semoga bermanfaat, yang kurang jelas bisa bertanya tanya di komentar okeee,,, sekian dari saya wasalamualaikum w w w.

Sunday 12 June 2016

Menampilkan video youtube di MAX OS

23:59:00 – by programmer 0

Assalamualaikum w w w
jumpa lagi bersama saya admin zonakode.. seperti judulnya saya akan membuat layout untuk meletakkna
vedio youtube supaya terlihat seperti di dalam gambarnya ini contohnya..

DEMO

oke pertama kita buat : htmlnya.

    1. buat file baru beri nama index.html
        isi dengan kode :
        pahami juga kodenya.. kalau tidak tahu bisa tanya di komen.



2. masih di index.html
        taru kode berikut di bawah <title>zonakode.blogspot.com</title>.
   kodenya :



dan seleai jadinya seperti gambar di atas.. semoga bermanfaat jangan lupa komen supaya tau.. walaikumsalam w w w

Cara membuat kalkulator berbasis web

14:55:00 – by programmer 0

Assalamualaikum
Jumpa lagi bersama zonakode , masih sehat kan puasanya hehe...
kaliini saya akan membuat kalkulator berbasis web. hem gak tau kan pasti :D
biasanya program kalkulator ini berbasis c++,java atau netbean yang artinya sangat tidak familiar lagi
oke gak usah lama lama lagi kita akan membuat tutorial cara membuat kalkulator berbasis web.
disini saya membuat hanya satu halaman saja.. jika mau mengkreasikan lagi juga gak papa, tergantung selera.

ikuti langkah langkahnya oke...

1. buat file baru beri nama index.html / home.html
   isi dengan kode :


2. membuat layout / tampilan untuk meng inputkan dan meng outputkan Hasilnya.
    letakan di bawah <body> . di pahami juga tentang atributnya name,type,onclick, dan placeholder.
    isi dengan kode :

3. Sekarang Kita membuat fuctionya. ini penting bahkan paling penting, karena script ini yang aka memprosesnya.
    pelajari juga penamaanya sama kodekodenya setiap baris.. oke..
    membuat satu function juga bisa tetapi saya memilih membuat menjadi dua karena lebih mudah di pahami oleh pemula
    dan tujuan saya membuat anda paham.

    Letakan di bawah <title>Disini Judul </title>.
    berikut kodenya :

4. Selesai berikut jadinya :

ss hasil :

note :
PAHAMI KODE DI ATAS JIKA SUDAH PAHAM ANDA BISA MULAI MEMPERANTIK TAMPILAN.
Seperti gambar di bawah ini

LINK KODE

sekian tutorial dari saya semoga bermanfaat jika mau tanya tanya silahkan komen.
wassalamualaikum w w w.

Wednesday 8 June 2016

Design Web Menggunakan Layoutit

20:26:00 – by programmer 0

Cara membuat layout dengan layoutit

assalamualaikum w w w
Alhamdulilah masih kuat puasanya .. oke langsung aja setelah artikel sebelumnya membahas tentang bagaimana cara mendesign layout dengan pengindo.
sekarang cara mendesign dengan www.layoutit.com

berikut vidionya : nice jangan lupa subscribe

nah begitu guys caranya.. silahkan di kreasikan sendiri.. dan tetap semangat buat buildweb nya

oke sekian dulu dari saya
wassalamualaikum w w w.

Tuesday 7 June 2016

Refleksi 13

11:50:00 – by programmer 1

Assalamualaikum w,w,w
hay guys hari ke dua puasa langsung ketemu matakuliah alpro sesuatu banget men :D
bangun jam 3 seperti biasa beli makanan ke burjo buat sahur.. setelah solat terus tidur hahah.
bangun jam 6.30 ahh kirain udah telat.. ternyata telat juga hahah.. sampe di kelas langsung seperti biasa ada tugas haha..

yaitu tugasnya membuat :
1. struct
2. fungsi (untuk membuat grade nilai)
3. dan Algoritma.

dan di kelas di bagi menjadi 3 kelompok besar terdiri dari bagian struct,fungsi, dan Algoritma.
dan mengerjakan sesuai yang diinstruksikan.
waktu berlalu sambil di ceramahi.
akhirnya berakhir juga hahah. dan di kumpulkan sesuai kelompok.

semoga bermanfaat guys.
wassalamualaikum w,w,w

Monday 6 June 2016

Membuat Layout Dengan Pengindo

21:10:00 – by programmer 0

Assalamualaikum w w w

Masih sehat kan setelah berpuasa seharian hehe puasa pertama sukses semua kan, semoga sukses guys..
oke kali ini saya akan membahas tentang WEB nah sebelum memualai seperti biasa saya akan menjelaskan tentang web.
Ahh Pasti sudah tau semua kan Web?? Gaktau Katrok lu :D,
Web atau website adalah suatu halaman (site) yang saling terhubung a tara satu dengan yang lainya, yang berisikan informasi informasi
yang diisi oleh pembuatnya sendiri. nah begitu website namanya, Pertanyaanya adalah gimana caranya kita membuat website ? nahh penasaran kan caranya :D sabar artikel selanjutnya dan selanjutnya kita membuatnya tapi secara urut dari awal hingga akhir makanya ikuti terus hanya di WWW.ZONAKODE.BLOGSPOT.COM ... kali ini saya akan MEMBUAT LAYOUT DENGAN PENGINDO. Pengindo adalah sofware gratisan untuk membuat web dengan base Bootstrap, Ah kayaknya kali ini kurang menantang karena kita akan di manjakan dengan drag and drob huhuhu, kita hampir gak mikir :D tapi logika harus tetap jalan ya :D..

Sebelumnya Download dulu Softwarenya yang terbaru ya.
Pengindo : DOWNLOAD
Software : Free (Online)
Base : Bootstrap

Atau

Design Online
Layoutit : MAMPIR SINI
Software : Online
Base : Bootstrap
CARANYA : Liat Disini Untuk LayoutIT

Jika sudah Mari pulang :D... Mari ke tahap design guys nanti bedakan ya Gampangan Mana (y)

Step 1 :

1. Buka Aplikasinya ohya pertama hidupin dulu koneksinya ketika mau masuk. setelah masuk matiin koneksi gak papa tapi kalau mau save hidupin lagi gays :D . karena disini memerlukan koneksi.
muncul kaya gambar berikut :

2. Klik aja "Klik here to create a new page..."
3. Nah disitu ada 2 plihan "Default empity Page" dan "Landing Page". terserah mau pilih yang mana. kalau saya pilih yang empity biar greget :D

4. Nah akan ada lembaran baru :D

Step 2 : Membuat Layout atau bagian bagian tertentu sesuai kita.

1. membuat menu navigasi + bacgroun image + fix-top+coonten+footer

drag and drob ke layout setelah selesai.
    klik yang bertuliskan (klik lingkaran merah)
    pilih bacground
    klik nav nya dan ganti class nya jadi "navbar-fixed-top"

Seperti gambar berikut :

Jadinya kayagini

dan tambahkan page header dan paragraph letakan di bawah navigasi bar. IKUTI GAMBAR

jangan lupa tambahkan footer : Ikuti Gambar.

2. Setelah selesai di save

pilih dimana direktorynya jangan lupa formatnya html dan css

hasilnya

nah begitu gampangkan ..
sekian dulu gaes sudah mulai malam ni admin mau tidur dulu semoga bermanfaat untuk anda :D nice :)

Wallaikumsalam w w w.

Cara Install XAMPP

02:45:00 – by programmer 1

Assalamualaikum w w w
    Berjumpa lagi dengan zonakode salam kode gila, sebelum memulai mari kita tentukan mau ngapain kita :v haha,,
    ohiya kita mulai dari 0 aja ya zonakoderr.. Tentu sudah tidak asing lagi bagi weber weber sejati dengan Server atau Localhost ,
    ada yang belum tau..? wah pasti sudah pada tau semua.. anda hebat berati (y).
    mungkin ada juga yang belum tau.. ni tak kasih tau sedikit sepengetahuan saya ya ..

    sebenarnya banyak aplikasinya contohnya LAMP,MAMP,WAMP,XAMPP. tetapi saya akan membahas tentang XAMPP
    karena saya sudah membuktikanya alias menggunakanya. oke pertama saya akan membahas tentang fungsi aplikasi tersebut.
    fungsinya adalah sebagai server atau localhost, yang terdiri atas program Apache HTTP, MySQL Database, Bahasa pemrograman PHP, dan Perl.
    Anda sudah Punya Belom ? Kalo Anda Belum Punya silahkan Bisa Di Download Di Postingan Akhir Nanti.
    cara instalnya gampang tinggal ikutin tutorial dari ane 1000% berhasil hahah..
    Ada Yang Tau Arti XAMPP itu sendiri??? yang tau komen tak kasih dorprize wkwkwk
    yaudah langsung tak kasih tau aja :D XAMPP itu sendiri memiliki kata sendiri sendiri maksudnya itu singkatan sendiri :

    1. X => Program yang bisa di jalankan ke semua sistem operasi.
    2. A => Apache. aplikasi web-master. yang bertujuan untuk menampilkan hasil bedasarkan kode kode yang sudah di buat oleh pembuat.
    3. M => MySQL. Aplikasi web yang bersifat server-side-scripting dengan bahasa pemprograman PHP.
    4. P => PHP. Bahasa pemprograman web.
    5. P => Perl. Hampir semua aplikasi web membutuhkan Ini.

    nah itu gaes artinya sekaligus fungsinya haha.

    Nah sekarang kita membahas tentang bagian bagian yang menurut saya itu penting.
    yang pertama adalah Folder HTDOCS, cara liatnya tinggal ke C:/xampp/htdocs/ disitulah kode kode kita tersimpan , gerbang / zonakode hahah.
    kedua Control Panel , yaitu untuk mengontrol layanan service, disinilah kuncinya untuk mengaktifkan aplikasi yang di perlukan.
    dan yang ketiga yaitu phpMyadmin. cara mengakses phpMyadmin begini caranya, ketikan di bar http://localhost/phpmyadmin/ tapi inget kita aktifin dulu mysql dan Apache nya di control panel.

    begitulah bagian bagian yang saya anggap penting di XAMPP

    komponen komponen XAMPP
    1. Apache
    2. MySQL
    3. FileZila
    4. Mercury
    5. Tomcat
    6. dll, masih banyak lagi :D

    sebelum instalasi kita harus mengerti/memahami dulu.
    sedikit cerita menurut pengalaman saya,, dulu saya belajar XAMPP belum pernah samasekali megang apalagi menjalankan. terus saya instal nah jadinya terbengkalai memenuhi disk space saja. jadi intinya kita harus tau lebih dahulu jangan sampai kita instal tapi kita tidak bisa mengoperasikan itu sangat mubazrirr.

    Sebelumnya Download Dulu
    XAMPP : DOWNLOAD
    Pengembang : Apache Friends

    ikuti intruksi dari saya. setelah di download.

    1. buka aplikasinya caranya Double klik.
    2. Akan tamil Seperti ini. klik next

3. nah nanti akan tampil pilihan kayagini

4. tunggu hingga proses selesai maaf gambarnya gak ada soalnya saya sudah instal nanti kalo file saya hilang kan repot :D

5. kalo berhasil klik finish. dan akan muncul control panel tinggal klik start jika mau memulai klik stop jika sudah selesai.

    Begitulah cara instal XAMPP buat cara mengunakannya bisa ikuti zonakode ya guys biar saling belajar bareng.. :D
    sekian dulu dari saya semoga bermanfaat.
Wassalamualaikum w w w.

Sunday 5 June 2016

Admin Informasi zonakode{}

11:13:00 – by programmer 1

Assalamualaikum w , w ,w

zonakode.blogspot.com

Alhamdulilah bisa merasakan kenikmatanmu saat ini semoga anda juga, ohya perkenalkan nama saya Eko Prasetio asal dari Batang kota kecil sejuta kenangan, setatus saya masih lajang :# saya mahasiswa di salah satu universitas di yogyakarta, Ya saya anak KOS :3 . setelah perkenalan saya akan menceritakan Ide gila saya dulu ya dari awal hingga akhir mengapa saya suka dengan kode kode gila ini hahah. saya orang biasa yang ingin tau sebenarnya. saya hidup di desa yang kurang akan pengetahuan apalagi tentang teknologi huuhuhu pastinya katrokan, begitu kata temen saya . saya sih terima saja kan kenyataan haahahah. awal mula saya menyukai kode kode ini sih dari diri sendiri tentunya,.

eneng : terus apa yang bikin anda termotifasi untuk membangun zona kode?? tanya si eneng.

kembali ke atas saya kan hidup di desa yang akan kurangnya pengetahuan apalagi teknologi. maka dari itu saya ingin menginspirasi temen temen saya supaya melek teknologi.

eneng : wah keren tu mas :D.

oh iya dong ingsyaallahh.

eneng : kan beda mas kode (zonakode) sama teknologi .

owh itu.. teknologi gak bakalan ada neng tanpa adanya kode kode atau script script jadi kode adalah peranan penting dalam teknologi. apalagi zaman sekarang banyak gadget-gadget canggih alias android. tanpa kode java gak bakalan ada aplikasi android tuh haha. owh baru tau ni mas tentang teknologi. ternyata sebegitunya ya. susah gak mas?.

Susah seneng jalani aja neng seperti kisah kita wkwk. ah mas bisa aja .... :D . saya suka tentang teknologi dan saya suka tentang pemprogaman apali ALPRO :v haha. kenapa dengan alpro mas?? tanya si eneng. wah wah itu matakuliah terfavorit neng di Teknik informatika jurusan saya.

eneng : apa maksudnya terfavorit mas?? apa ada yang janggal atau memang bener suka atau gimana??..

wahaha tertawa.... semua anak Tekni informatika sudah tau orang itu, orang paling berkuasa di Teknik Informatka haha, kadang kadang merepotkan mahasiswanya gak kadang kadang ding malah terus setiap masuk kuliah pasti ada tugas haha. oalah kenapa nyampenya curhat.

lanjut deh selain itu yang memotifasi saya untuk membangun zonakode adalah keinginan saya untuk berbagi kebaikan lewat kode kode ini ciehh.. haha maksudnya saya ingin berbagi ilmu. begitu neng. selain itu saya ingin belajar blog alias webmaster. berinternet yang bermanfaat seperti mencari info info yang bermanfaat jangan mencari yang aneh anek karena internet pintu kebaikan kaligus keburukan tergantung siapa yang menggunakannya. itu pesan dari saya neng semoga bermanfaat ya.

iya mas siap info yang sangat bermanfaat bagi saya terimakasih :).

saya kuliah dulu ya,.

wassalamualaikum w w w.

Categories

Blog Stats