Tampilkan postingan dengan label web. Tampilkan semua postingan
Tampilkan postingan dengan label web. Tampilkan semua postingan

Senin, 07 September 2015

membuat from validasi dengan ajax part 2


selamat malam agan yang ganteng atau yang cantik" trimakasih telah berkunjung posting kali ini saya mau membahas tentang membuat from validasi dengan mengunakan ajax, versi yang saya buat lebih menarik
kalo penasaran download di link bawah ini

  disini


tampilan dari form validasinya seperti dibawah ini:

kalo ingin mengedit nya kalian bisa edit pada folder ini


dengan mengedit script dibawah ini saya rasa kalian akan tahu

selamat mencoba ya guys semoga berhasil

salam sayang ;)

Minggu, 06 September 2015

cara supaya localhost bisa diakases orang lain


kali ini untuk melanjutkan posting di sebelumnya saya akan lanjut untuk memberi cara supaya localhost kita bisa dikases orang lain ,
caranya sangat simple pertama anda cari tahu dulu ip statis anda dengan cara mengetik ipconfig di cmd 



setelah itu ikuti cara dibawah ini

1. buka file pada c:/xampp/apache/conf
    lalu pilih httpd.conf buka dengan notepad
2. stelah itu cari dengan ctrl + f tulisan dibawah ini
    LoadModule vhost_alias_module modules/mod_vhost_alias.so dan Include conf/extra/httpd-vhosts.conf

3. hilangkan tanda # di tulisan tersebut
 lalu save file tersebut

4. masukan ke browser alamat ip anda
   http://ipkomputeranda/

dan jreeng web anda siap di lihat orang lain

setalah itu ganti file index pada htdocs
<?php
header("location:http://192.168.43.70/file web yng ingin anda inginkan ");
?>


selamat mencoba 

salam sayang ;)

membuat aplikasi chating keren php


nah kali ini saya mau bagi seputar aplikasi php ,yang digunakan untuk membuat aplikasi chating yang keren ,nah kalo biasanya kita chating dengan aplikasi facebook , email dll , disini kita akan membuat nya sendiri dengan karya kita sendiri oke

namun versi aplikasi yang saya buat ini sangat sederhana banget , berbekal dari aplikasi buku tamu yang saya edit menjadi aplikasi chating

screenshot nya dibawah ini:

seperti diatas aplikasinya , ,memang simple tapi sangat berguna bukan, mulai bisa digunakan buat ngobrol sama pacar supaya bisa lebih romantis saat ngechat bisa kita edit sedikit 

sekarang ngak usah banyak basa basi langsung saja proses nya oke 

pertama anda download databse nya dulu ya
buat dulu database dengan nama latih2 ,lalu import database nya oke

nah kalo udah kita yang pertama buat dulu index.php 

<div class="full">
<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8"/>
<title>CHATING ONLINE by chulis</title>

<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />


<script src="js/hideshow.js" type="text/javascript"></script>
<script src="js/jquery.tablesorter.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.equalHeight.js"></script>


</head>


<body>



<article class="module width_quarter">
<font color="blue">aktif jam 8 malam sampai 9 malam</font>
<header><h2><center>chating yuk</center></h2></header>
<div class="message_list">
<div class="module_content">
<iframe   src="comentar.php" height="9000" width="9000" ></iframe>
</div>
</div>
<footer>
<form  method="POST" action="proses.php" class="post_message">

<input type="text" name="nama"  value="nama" onFocus="if(!this._haschanged){this.value=''};this._haschanged=true;"><br/>
<input type="text" name="komentar" value="Message" onFocus="if(!this._haschanged){this.value=''};this._haschanged=true;">

 <input type="submit" class="kirim" value="Kirim">
</form>
</footer>
</article><!-- end of messages article -->

<div class="clear"></div>





</body>

</html>
</div>
kalo code diatas sudah ditulis lalu simpan dengan  nama index.php

setelah itu buat lagi comentar.php
<head>
<meta content='6' http-equiv='refresh'/>
</head>
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />

<div class="koment">
<?php
                    //Koneksi ke MySQL
                      $koneksi = mysql_connect("localhost","root","") or die ("Koneksi gagal");
  mysql_select_db("latih2");
  $hasil = mysql_query("select * from btamu");
                        while($data = mysql_fetch_array($hasil))
                      {

echo "<p><strong><font color='yellow'>".$data['1']."</strong></p></div>


<div class='message'><font color='blue'>berkata:</font><p><font color='white'>".$data['3']."</p>
------------------------------------";
}
?>
</div>
kalo udah di tulis codenya simpan dengan nama comentar.php

lanjut setelah itu buat lagi proses.php
<?php
 //Koneksi ke MySQL
 $koneksi = mysql_connect("localhost","root","") or die ("Koneksi gagal");

 //Pilih database
 mysql_select_db("latih2");

 //Ngambil data dari form Buku tamu
 $nama     = $_POST['nama'];

 $komentar = $_POST['komentar'];
 $today = date("d-M-Y H:i:s");
 //Query untuk memasukkan data ke tabel buku tamu
 $insert_data  = "insert into btamu (nama,komentar) values ('$nama','$komentar')";
 mysql_query($insert_data);






?>
simpan code diatas dengan nama proses.php


lalu jalankan code diatas atau kalau anda binggung , anda bisa download disini langsung jadi
disini


nah itu aja , selamat mencoba dan berhasil dan sukses
di post berikut nya , cara supaya web anda online

oke salam sayang

Senin, 20 Juli 2015

aplikasi E-commerce buatan saya


sebenernya aplikasi

E-commerce

ini saya buat sudah dari satu bulan yang lalu dan lupa belum saya upload disini akan saya upload buat yang mau belajar ,namun dalam aplikasi ini belum ada panel admin nya 

dalam aplikasi saya sudah mengunakan case dan session yang sangat baik
misalnya jika anda sudah login maka menu login akan diganti oleh logout sesuai dengan case yang
telah ditentukan 

dibawah adalah penampilannya yang sudah mengunakan paginasi 

dari gambar di samping data akan terus  di tampilan sesuai dengan bertambahnya data yang di input kan maka akan muncul dalam  perhalaman yang akan terus bertambah , dibuat seperti ini agar user tidak bosan untuk terus menscroll kebawah  







kalo mau mencobanya ada bisa langsung download di link bawah iini 

saya ngak cari  untung apapun ,buat berbagi kok cari untung 





Kamis, 21 Mei 2015

membuat header berada disamping


tau kan apa itu header web ,header menurut saya nih lho adalah ,sebuah tampilan atas yang berisi judul atau menu dalam sebuaah web
contohnya seperti dibawah  ini punya saya :
tampilan header sperti dibawah 

namun kita pasti bosan melihat tampilan header seperti itu itu saja ,dan disini saya akan memberi tau cara membuat header menjadi disamping 
simak dengan bijak ya ?
pertama agan download bahan bahan nya disini
kalo sudah extra file nya ,terus edit index.html nya dengan  notepad

nah jika file index htmlnya anda buka dengan browser ,sebenernya udah jadi  namun ,untuk mengedit nya simak disini

anda bisa merubah header yang disamping menjadi diatasnya dengan mengelik button di atas sendiri


silakan explorasi sendiri ,besok dibawah akan saya tambah cara ngeditnya
urusan kita belum selesai jadi lho tunggu aja pembahasan artikel ini dari gue

membuat efek sidebar bisa ikut saat di scroll


membuat efek sidebar


pasti  binggug kan denger judul nya
yah kalo anda belum  tahu apa itu sidebar saya akan menjelaskan pertama nya dulu , sidebar setau saya adalah sebuah menu yang ada dipinggir atau tool yang disediakan di pinggir
fungsi sidebar adalah membuat tampilan sebuah web lebih dinamis dan lebih elegan
disini saya akan menjelaskan tentang cara membuat sidebar yang bagus cocok untuk yang anda mau buat web minimalis
oke le'ts get started

first/ pertama
kita siapkan dulu  file html terserah mau di kasih nama apa dan juga siapkan background nya
setelah itu buka file htmlnya mengunakan notepad++
jika sudah dibuka seperti diatas silakan copy code dibawh ini





<head>


<title>nusakom</title>

<style type="text/css">

    * { margin: 0; padding: 0; }
        body { font: 15px/1.4 Georgia, serif background-image:"blue-smooth-wallpaper-20636-21503-hd-wallpapers.jpg";  }
        #page-wrap { width: 600px; margin: 15px auto; }
        p { margin: 0 0 15px 0; }
        p:first-child { background: #fffcde; padding: 10px; }
        #sidebar ul { background: #eee; padding: 10px; }
        li { margin: 0 0 0 10px; }
        #main { width: 390px; float: left; }
        #sidebar { width: 190px; float: left; }

    </style>

    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
    <script type="text/javascript">
        $(function() {
            var offset = $("#sidebar").offset();
            var topPadding = 15;
            $(window).scroll(function() {
                if ($(window).scrollTop() > offset.top) {
                    $("#sidebar").stop().animate({
                        marginTop: $(window).scrollTop() - offset.top + topPadding
                    });
                } else {
                    $("#sidebar").stop().animate({
                        marginTop: 0
                    });
                };
            });
        });
    </script>
</head>

<body>
<body background="bg.jpg">
<div id="sidebar">

  <ul>
    <li><a href="#">link ke 1</a></li>
    <li><a href="#">link ke 2</a></li>
    <li><a href="#">link ke 3</a></li>
<li><a href="#">link ke 4</a></li>
    <li><a href="#">link ke 5</a></li>
    <li><a href="#">link ke 6</a></li>
<li><a href="#">link ke 7</a></li>
    <li><a href="#">link ke 8</a></li>
    <li><a href="#">link ke 9</a></li>
</ul>

</div>
 
    <div id="page-wrap">

   <div id="title-area">

    <h1>Scrolling Sidebar</h1>
    <p>By <a href="http://css-tricks.com"><strong>CSS</strong>-Tricks</a></p>
   
</div>

<div id="main">

 <p>scroll maka sidebar akan mengikuti</p>

 <p> nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=</p>
           <p> nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=</p>
           <p> nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=</p>
           <p> nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=</p>
             <p> nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=
 nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=nusa-kom.blogspot.com=</p>

</div>



</div>

</body>

</html>




 copy code diatas dan pastekan di file html anda tadi dan setelah itu buka dengan browser file html tadi
dan hasilnya

penjelasannya dibawah


kalau ngak mau repot buat nya jadi download aja dibawah ini :

disini download html
disini download background

Minggu, 26 April 2015

apa itu cookies dan kegunaanya


anda tahu apa itu cookies ,yak mungkin gambar diatas manjelaskan bahwa cookies adalah roti
kalau cookies http apakah sudah tahu ,

disini saya akan menuliskan penjelasannya ,semoga berguna bagi saya besok ,jika insyaalah sudah kuliah ,

pengertianya dulu ya 

cookies http adalah sebuah data atau informasi yang di ciptakan atau di buat atau mungkin disisipkan oleh sebuah website ke dalam browser kita ,
seperti contohnya waktu anda login ke facebook dengan menugunakan google crome ,stelah anda memasukan pass dan email anda dengan benar ,maka akan muncul pop up di kanan atas browser ,,yang meminta izin untuk menyimpan pass di browser agar kita dapat login lagin tanpa harus menuliskan pass dan email kita


nah kalo sekarang fungsi nya

funsgi dari cookies ini 

adalah menghemat sebuah system tanpa meregister ulang sebuah user yang akan masuk ke webiste ,sehingga mempermudah sebuah user untuk mengakses webisite tersebut

dan yang kedua ini pendapat saya 'lho mau dipercaya atau ngak terserah

mempermudah user dan memberinya instant akses agar tidak merepotkan nya jika ingin mengunjungi nya lagi

lalu bagaimana jika kita ingin menghapus cookies di browser kita ,agar tidak disalah gunakan orang lain ,contohnya kalo agan ke warnet lupa belum di restart dan tadi di save password atau ingat kan saya "kwkwkwkwkwk"

caranay simple itu di google crome

pertama tekan Ctrl + shift + del


nah klik saja dan semua data cookies akan terhapus


-awalnya saya binggung soal cookies waktu guru saya menjelaskannya karna dia tidak memberikan contoh dalam kehidupan sehari hari contohnya waktu kita login

itulah pengertian cookies yang baru saja saya ketahui ,

Kamis, 23 April 2015

cara memangil halam web lain dengan perintah iframe

pada artikel kali ini saya akan membagikan tentang cara bagaimana
memangil halaman web lain ke halaman web yang kita buat
mengunakan ifram
bisa anda lihat saya membuka google dengan menjalan kan nya pada localhost
cara membuatnya adalah buka notepad kalian
mengetikan code dibawah ini

<iframe align="center" frameborder="yes" height="750px" name="frame1" scrolling="auto"
 src="http://darkartsmedia.com/google.html" style="border: 1px solid;" width="950px"></iframe


pada bagian merah silakan ganti alamat yang kalian inginkan 
misalnya http://hai.com/index.html

selamat mencoba 

Kamis, 09 April 2015

about cms phenom




sekilas tentang phenom cms adalah cms buatan anak bangsa sendiri , saya masih mencoba - coba nya
mungkin saya mempunyai niat untuk menghostingkan nya , yang free aja maklum lagi ngak punya
uang ,keungulan nya phenom cms saya ngak tahu ya

namun didalam phenom cms tersedia
  1. Sistem menu
  2. Halaman
  3. Theme dan template
  4. Posting dan kategori posting
  5. HTML Editor dengan FCKEditor
  6. Thumbnail dan image auto resize (dengan GD Library)
  7. Tagged
  8. Komentar, emoticon dan captcha
  9. Galeri Foto
  10. Polling
  11. Buku Tamu
  12. Custom Widget dengan HTML editor panel
  13. RSS Feed



untuk pengistalanya ada hasrus mempersiapkan database nya dulu , pertama tama kita buka atau dwonload phenom cms nya  
saya akan memberi link nya gan : unduh

sedikit tamplilan dari phenom nya
dan ini bagian panel admin nya 



selamat mencoba 
sedikit tambahan
semoga sukses 

Senin, 30 Maret 2015

mengenal database

mengenal database 


apa itu database ,barang kali anda sering mendengar ,
yang namanya database ,namun kita tidak tahu
 secara rinci apa database itu.

nah saya akan jelaskan apa itu database ,walau
penjelasan saya ini tidak seratus persen benar
tapi agak sedikit akan memberi pemahaman bagi anda semua


Tentang Database :
menurut saya database adalah sebuah kumpulan data ,yang terbentuk dari record dan field ,contoh data siswa ,dalam data tersebut disi dengan nama ,alamat, dll .
itu lah yang disebut data









Jumat, 27 Maret 2015

javascript awal


penjelasan sedikit tentang java ,adalah sebuah bahasa pemograman yang sangat 
populer dalam pemograman web ,bersifat client side ,javascript atau bisa disebut/dsingkat JS , juga
sangat berguna dalam pengembangan game ,aplikasi dekstop atau mobile 


JavaScript biasanya diletakkan pada bagian antara tag <head> dan </head> dan dimulai dengan tag <script type="teks/javascript"> diakhiri dengan tag </script>



Contoh JavaScript



<script type="teks/javascript">

alert("Hai lina!");
</script>


anda bisa belajar sendiri dengan mengunjungi sebuha situ yang tentunya mungkin anda sudah mengenalnya , yatiu www.w3school.com
atau anda bisa mendwonload yang telah saya tulis dalam doxc



video tutorial nya

sedikit kata kata para programmer java
"tulis kami satu kali dan jalankan kami dimanapun"


http://www.codecademy.com/en/tracks/javascript
join us



Kamis, 26 Maret 2015

cara membuat combobox bertingkat

combobox 
combobox adalah sebuah fitur yang ditawarkan untuk memilih sesuatu mudah , misal kita contohkan saat mengisi alamat pada form pertama kita klik daerah kota misalanya yogyakarta lalu , pada form bawah nya pasti akan muncul kecematan mana yang ada di yogyakarta , mekanisme itu akan sesuai jika kita lakukan dengan mengeklik provisi lainya

exampe nya ada dibawah ini :
seperti contoh di samping , kiri bisa kita lihat ada form tabel alamat yang akan di klik , misalnya kita klik yogyakarta maka akan muncul pada form dibawah nya kabupaten di yogyakarta , dan seterusnya kita juga akan memunculkan kecamatan di kabupaten yang di klik tadi  .seperti itulah mekanisme combobox bertingkat




dari pada binggung langsung saja ke proses pembuatan combobox bertingkat tadi , pertam yang harus kita lakukan adalah mebuat index nya 

beri nama code di bawah dengan nama index.php

nah copy semua code dibawah dan kalian paste kan di notepad atau apalah
setelah itu kita buat file ambilkota.php kalian dapat copy file itu dibawah ini



setelah file diatas sudah dibuat , lalu buat lagi satu file lagi
yang bernama ambilkecamatan.php copy aja dibawah ini


nah , udah capek copy paste nya sekarang anda buatlah database nya
ATAU bisa dwonload sendiri aja ya
unduh

atau jika anda malas untuk mebuatnya sambil belajar silakan dwonload source code nya
dibawah sini ;)
 unduh


Selasa, 24 Februari 2015

design web dengan dreamweaver

desain web with DW 


barang kali agan agan pernah lihat atau pernah memakai aplikasi ini
dsini akan saya contoh kan cara design web dengan DW dan dengan php juga


Penjelasan tentang cara membuat bagian baggian web dengan css dan php
pada kali ini akan dijelaskan tentang cara membuat web dengan css dan php ,yang pertama tama siapkan aplikasi dreamwever anda ,dan pastikan kompi anda sudah siap .
Nah klik aplikasi diatas jika anda sudah punya :


aplikasi ini sangat berguna bagi anda yang ingin membuat web kelas wahid

simak di bawah nya ya :


ikutilah LANGKah seperti di atas kita buat code css nya dan akan di include kan di <div>headrder</d>dengan class






Ketikan code seperti pada gambar diatas dan buatlah div dan class baru
untuk saat ini code nya seperti ini   :pada tulisan merah mewakili class css
<style type="text/css">             .hearder{
                background-color:#9F6;
                height:200px;   }              .kiri{
                background:#9C0;
                float:left;
                height:400px;
                width:200px;             }</style>
<div class="hearder">hearder</div>
<div class="kiri">kiri</div>

Nah ini tampilan ketika ditambah bagian tengah


Disitu memang tampak tak sesuai keinginan kita namun itu Cuma tampilan di dreamwever saja untuk hasilyang nya ta buka browser nya nah 


Nah pada gambar diatas sudah sesuai keinginan kita tinggal menambahkan kanan dan bawah atau footer


Dan code nya di bawah ini :
<style type="text/css">        .hearder {          background-color:#9F6;
                height:200px;                         }
.kiri {            background:#9C0;
                float:left;
                height:400px;
                width:200px;                              }
.tengah {              background-color:#9C9;
                width:600px;
                height:400px;
                float:left;                                      }
.kanan {   background-color:#9C6;
                float:right;
                height:400px;
                width:318px;                                  }
.footer {   background-color:#996;
                height:200px;
                float:left;
                width:1120px;                              }
</style><div class="hearder">hearder</div><div class="kiri">kiri</div><div class="tengah">tengah</div><div class="kanan">kanan</div> <div class="footer">bawah</div>
code nya sepeeerti di atas
Nah sekarang ke tahap kedua yaitu php disini php akan kita gunkaan untuk meninclude kan menu atau lain lain bada box php


 Jreeeenggggg




Catatan :
tuliskan program dibawah ini pda css agar tidak hacur saat di tekan ctrl dan scroll mouse:
body {
        background-color:#91CCA8;
        width:1200px;
        background-attachment: scroll;

dan jadilah :


nah itu aja sekian



:P salam 

Jumat, 20 Februari 2015

cara membuat captcha sederhana

Cara membuat captcha sederhana .


barang kali anda asing mendengar yang namanya captcha , namun anda secara tidak sadar sering menemuinya contoh untuk memasuka tulisan pada  gambar dan mengirimnya , untuk secara detail nya captcha di buat untuk apa saya juga tidak tahu , namun menurtut pendapat saya captcha mungkin dibuat untuk menghindari terjadinya spam koment atau sejenisnya sehingga suatu user dapat mengirim  atau mengambil file atau lain lain secara terus menerus


langkah pertama adalah siapkan dulu file php yang akan kita beri nama dengan
“index.php”nah setelah itu tulisakan atau ketiakan script dibawah ini dengan hati hati           tuliskan semua script itu di dalam notepad ++


code
buat file php dengan menuliskan script diastas ,beri nama kode diatas dengan nama index.php
code 3
nah setelah anda selesai anda dapat memahami satu persatu baris ddari script diatas ,lihat
pada script yang dibuat komentar berwarna hijau ,silakan anda pahami sedikit sedikit ,
disitu juga di tuliskan fungsi alert yang berguna untuk membeitahu , bila mana captcha kode yang kita masukan salah atau benar  , dari hasil penulisan kode di atas maka akan menghasilkan tampilan seperti berikut ini :

tampilan berikut tidak akan tampil jika kita tidak membuat file php dibawah ini
















kode diatas adalah fungsi untuk menampilakan code captcha yang akan diacak oleh fungsi diatas , 
jadi kode captcha yang muncul pada program itu dari hasil pengacakan antara 0 - z ,dan saya linkari warna kuning
setelah semua selesai sekarang kita akan menjalankanya di localhost


masukan code diatas dengan benar 




bila kode yang anda masukan salah maka akan 

namun jika kita memasukan yang benar maka  

bila anda jelas dengan penjelasan saya diatas saya merasa senang
dan bila anda kurang paham , saya tidak masalah
toh semua kembali ke diri kita masing masing
bila anda masih bingung dengan cara pembuatan diatas silakan dwonload saja code yang sudah jadi 
dibawah ini
link di bawah tidak akan menggiring anda ke iklan atau sebagai nya yang membuat pembaca merasa tertipu 
 dwonload