Selasa, 25 Februari 2014

Tutorial Dasar PHP : Membuat Aplikasi CRUD Sederhana Dengan PHP

Dalam memmbuat sebuah program berbasis web, hal yang paling penting dan paling utama untuk dikuasai adalah membuat aplikasi CRUD (CREATE, READ, UPDATE dan DELETE). Nah untuk kesempatan kali ini saya akan membahas bagaimana cara membuat aplikasi CRUD, Dalam tutorial ini saya sudah menganggap para pembaca paham dan mengerti cara penggunaan aplikasi XAMPP dan membuat database di phpmyadmin. Okayy langsung aja ke tutorialnya, berikut langkah langkahnya :

1. Buatlah sebuah database dengan nama data_warga kemudian buat sebuah tabel beri nama database_warga dengan ketentuan sebagai berikut :

 id = int(11) auto increment
nama = varchar(50)
status = varchar(50)
pekerjaan = varchar(50)
umur = varchar(50)

2. Langkah selanjutnya adalah buka notepad kesayangan anda dan buat sebuah file bar lalu tulis kode berikut ini :

<?php
$host = "localhost" ;
$user = "" ;
$pass = "" ;
$db = "data_warga" ;
mysql_connect ($host, $user, $pss) ;
mysql_select_db ($db) ;
?>

kemudian simpan file dengan nama koneksi.php.

3.  Langkah selanjutnya adalah membuat file baru yang fungsnya menginput data ke dalam database, buka notepad anda dan buat file lalu tulis kode berikut ini :


<!DOCTYPE html>
<head><title>Form Input Data</title>
<body>
<center>
<h1>FORM INPUT DATA</h1>
<form method="post" action="simpandata.php">
<table>
<tr>
<td>Nama</td><td> : </td><td><input type="text" name="nama" required/></td></tr>
<tr>
<td>Status</td><td> : </td><td><input type="text" name="status" required/></td></tr>
<tr>
<td>Pekerjaan</td><td> : </td><td><input type="text" name="pekerjaan" required/></td></tr>
<tr>
<td>Umur</td><td> : </td><td><input type="text" name="umur" required/></td></tr>
</table>
<br>
<input type="submit" value="Simpan"> <input type="reset" value="Reset"> <input type="button" value="Back" onclick="top.location='index.php'" />
<br>
</form>
</center>
</body>
</html>

Lalu simpan file dengan nama inputdata.php.

4. Sesuai dengan form input data yang telah kita buat tahap selanjutnya adalah membuat file baru, buka notepad anda lagi lalu tulis script berikut ini dan simpan file dengan nama simpandata.php.


<?php
include "koneksi.php" ;

$simpan = "insert into database_warga set nama='$_POST[nama]' , status='$_POST[status]' , pekerjaan='$_POST[pekerjaan]' , umur='$_POST[umur]' " ;

mysql_query ($simpan) ;

header ('location:inputdata.php') ;

?>

5. Tahap selanjutnya adalah menampilkan data yang telah kita inputkan, buat lagi file baru lalu uliskan kode berikut ini :

<!DOCTYPE html>
<head><title>Tampil Data</title>
<body>
<center>
<h1>DATA WARGA</h1>
<table border='1'>
<tr>
<td>No</td>
<td>Nama</td>
<td>Status</td>
<td>Pekerjaan</td>
<td>Umur</td>
<td>Pilihan</td>
</tr>
<?php
include "koneksi.php" ;

$sql = "select * from database_warga order by id" ;
$query = mysql_query($sql) ;
$no = 1 ;
while ($data=mysql_fetch_array($query)) { ?>
<tr>
<td><?php echo $no++ ; ?></td>
<td><?php echo $data['nama'] ; ?></td>
<td><?php echo $data['status'] ; ?></td>
<td><?php echo $data['pekerjaan'] ; ?></td>
<td><?php echo $data['umur'] ; ?></td>
<td><a href="editdata.php?id=<?php echo $data['id'] ; ?>">Edit</a> | <a href="hapusdata.php?id=<?php echo $data['id'] ; ?>">Hapus</a></td>
</tr>
<?php } ?>
</table>
<br>
 <input type="button" value="Input Data" onclick="top.location='inputdata.php'" />
</center>
</body>
</html>

lau simpan dengan nama index.php.

6. Untuk mengedit data kita butuh sebuah file, okay langsung saja buat sebuah file baru beri nama editdata.php lalu tulis script berikut ini :

<!DOCTYPE html>
<head><title>Form Edit Data</title>
<body>
<center>
<h1>FORM EDIT DATA</h1>
<form method="post" action="updatedata.php">
<table>
<tr>
<?php
include "koneksi.php" ;
$sql = "select * from database_warga where id='$_GET[id]' " ;
$query = mysql_query ($sql) ;
$data = mysql_fetch_array ($query) ;
?>
<input type="hidden" name="id" value="<?php echo $data['id'] ; ?>">
<td>Nama</td><td> : </td><td><input type="text" name="nama" value="<?php echo $data['nama'] ; ?>" required/></td></tr>
<tr>
<td>Status</td><td> : </td><td><input type="text" name="status" value="<?php echo $data['status'] ; ?>" required/></td></tr>
<tr>
<td>Pekerjaan</td><td> : </td><td><input type="text" name="pekerjaan" value="<?php echo $data['pekerjaan'] ; ?>" required/></td></tr>
<tr>
<td>Umur</td><td> : </td><td><input type="text" value="<?php echo $data['umur'] ; ?>" name="umur" required/></td></tr>
</table>
<br>
<input type="submit" value="Simpan"> <input type="reset" value="Reset"> <input type="button" value="Back" onclick="top.location='index.php'" />
<br>
</form>
</center>
</body>
</html>

7. Langkah selanjutnya adalah membuat file updatedata.php yang fungsinya adalah mengupdate data yang telah kita edit, buat sebuah file baru beri nama updatedata.php lalu tulis kode berikut ini :

<?php
include "koneksi.php" ;

$update = "update database_warga set nama='$_POST[nama]' , status='$_POST[status]' , pekerjaan='$_POST[pekerjaan]' , umur='$_POST[umur]' where id ='$_POST[id]' " ;

mysql_query($update) ;

header ('location:index.php') ;
?>

8. Langkah terakhir adalah membuat file delete.php yang fungsinya untuk menghapus data yang telah kita inputkan, tulis kode berikut lalu simpan file dengan nama delete.php :

<?php
include "koneksi.php" ;

$delete = "delete from database_warga where id='$_GET[id]' " ;

mysql_query($delete) ;

header ('location:index.php') ;
?>

9. Selamat mencoba, kini giliran anda untuk mengembangkannya,,,,,,!

Hargailah karya orang lain dengan menyertakan link sumber saat COPAS....!

Salam
Harley Daoelay

Sabtu, 22 Februari 2014

Tutorial Blog : Memasang Kotak Komentar Facebook Di Blog



Mungkin kamu sering berselancar di blog orang lain dan menemukan kotak komentar facebook pada blog tersebut, Nah untuk kali ini kita akan membahas bagaimana caranya Memasang komentar facebook pada Blog, berikut langkah - langkahnya :

1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode ]]></b:skin>
4. Taruh kode berikut di atas ]]></b:skin>


.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px;cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;} 

 5. Kemudian cari kode </head>
6. Taruh kode berikut tepat di atas kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content=' ID FACEBOOK ANDA' property='fb:admins'/> <script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();}
</script>


7. Ganti tulisan warna merah dengan ID sendiri (facebook.com/IDfacebook)
8. Kemudian cari kode <div class='comments' id='comments'>
9. Kamu akan menemukan 2 kode yang sama. Letakkan kode di bawah ini tepat di bawah 2 kode tersebut

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>


10. 5 adalah banyaknya komentar yang ditampilkan dan 450 adalah lebar kotak komentar facebook.
11. Simpan Template dan lihat perubahannya...!


Sekian tutorial tentang Membuat kotak komentar facebook di blog semoga bermanfaat.


source : http://xpress-community.blogspot.com/2013/08/membuat-kotak-komentar-facebook-dan.html

Belajar Dasar HTML : Kode Warna HTML




#000000 #300007 #300000 #300700
#0F0F0F #60001F #600000 #601F00
#272727 #900037 #900000 #903700
#3F3F3F #C0004F #C00000 #C04F00
#575757 #F00067 F00000 #F06700
#6F6F6F #FF007F FF0000 #FF7F00
#878787 #FF3097 #FF3030 #FF9730
#9F9F9F #FF60AF #FF6060 #FFAF60
#B7B7B7 #FF90C7 #FF9090 #FFC790
#CFCFCF #FFC0DF #FFC0C0 #FFDFC0
#E7E7E7 #FFF0F7 #FFF0F0 #FFF7F0

#003007 #003000 #073000 #303000
#00601F #006000 #1F6000 #606000
#009037 #009000 #379000 #909000
#00C04F #00C000 #4FC000 #C0C000
#00F067 #00F000 #67F000 #F0F000
#00FF7F #00FF00 #7FFF00 #FFFF00
#30FF97 #30FF30 #97FF30 #FFFF30
#60FFaF #60FF60 #aFFF60 #FFFF60
#90FFC7 #90FF90 #C7FF90 #FFFF90
#C0FFdF #C0FFC0 #dFFFC0 #FFFFC0
#F0FFF7 #F0FFF0 #F7FFF0 #FFFFF0

#070030 #000030 #000730 #003030
#1F0060 #000060 #001F60 #006060
#370090 #000090 #003790 #009090
#4F00C0 #0000C0 #004FC0 #00C0C0
#6700F0 #0000F0 #0067F0 #00F0F0
#7F00FF #0000FF #007FFF #00FFFF
#9730FF #3030FF #3097FF #30FFFF
#aF60FF #6060FF #60aFFF #60FFFF
#C790FF #9090FF #90C7FF #90FFFF
#dFC0FF #C0C0FF #C0dFFF #C0FFFF
#F7F0FF #F0F0FF #F0F7FF #F0FFFF

Jumat, 21 Februari 2014

Download Mp3 : Mp3 Coboy Junior



FREE DOWNLOAD MP3 COBOY JUNIOR

     
     COBOY JUNIOR  :

     TEGAR : 

Download Mp3 : Mp3 Rumor Terbaru

 
FREE DOWNLOAD MP3 RUMOR

       RUMOR : 
      CAKRA KHAN :


    Sidadi Huta Imbaru



    Sidadi,,,itulah sebutannya, sebuah desa kecil yang terletak kira kira 20 Km di arah tenggara Padang sidempuan,Kecamatan Batang Angkola Kabupaten Tapanuli Selatan. Sebuah Desa kecil yang berpenduduk kira-kira 300 KK.

    Dulunya Sidadi terkenal dengan kenakalan Warganya, bahkan sempat di beri julukan "SIDADI TAPAK-TAPAK LOMBU". Tapi menurut saya itu gak benar, Pada dasarnya semua daerah selalu ingin mempertahankan harkat dan martabat daerahnya sendiri, itulah sebenarnya yang dilakukan warga di Desa Sidadi. Nah, bagi orang-orang yang selama ini menganggap Sidadi itu selalu penuh dengan Kekerasan jangan berfikiran Negatif dulu, apa salahnya kita coba memahami sifat warganya sebelum memberi Vonis bahwa warga Sidadi itu semuanya Anarkis????

    Saya sebagai salah seorang warga Sidadi sengaja membuat blog ini bukan ingin membela diri, tapi hanya ingin menyampaikan yang sebenarnya bahwa sebenarnya warga sidadi itu orangnya ramah tamah,,,,,,
    Daripada anda selalu berfikiran Negatif tentang Sidadi, Mari kita Lihat apa sebenarnya yang bisa di banggakan di daerah ini.

    Yang pertama, Bagi yang suka Menjelajah Alam nggak ada salahnya mencoba penelusuran di hutan Daerah sidadi, karena menurut saya daerah ini masih sangat cocok dijadikan tempat wisata hutan dimana hutan-hutanya masih alami dan terawat dengan baik. Belum lagi dengan pemandangan-pemandangan indah di daerah persawahannya, Huhhh,,,,rasanya pengen bangat berlamam-lama tinggal disini, pokoknya mantap dechhhh...!!!
    Kalau gak percaya bagi yang tertarik dengan wisata hutan silahkan mengunjungi Sidadi, kami sebagai warga akan sangat senang menyambut kunjungan anda,tapi dengan catatan dengan niat baik...

    Namun disisi lain, seperti halnya warga di daerah lain Sidadi juga masih punya kekurangan yaitu mengenai pemahaman warga tentang pentingnya memelihara sungai, untuk itu bagi para pembaca yang merasa hatinya tergugah untuk memperbaiki keindahan lingkungan khususnya di daerah Sidadi, saya sangat berharap untuk ikut berpartisipasi dalam pemeliharaan sungai,apalagi akhir-akhir ini Warga Sidadi kesulitan air untuk kebutuhan mandi, mencuci dan aliran air ke mesjid-mesjid.
    Menurut saya ini terjadi akibat penebangan hutan liar illegal yang akhir-akhir ini marak terjadi oleh warga Sidadi sendiri maupun dari luar. Hal ini terjadi karena penanganan perangkat desa maupun pemerintah yang masih kurang peduli tentang pentingnya kelestarian hutan, ditambah lagi dengan pemahaman warganya sendiri yang menganggap bahwa hutan yang belum pernah di jamah atau di kelola di anggap belum ada hak milik dari orang lain dan layak dijadikan sebagai lahan untuk perkebunan untuk kebutuhan pribadi.

    Nah, untuk itu saya sangat berharap kepada para pemerintah untuk menindak lanjuti tangan tangan yang tidak bertanggung jawab merusak keindahan Alam dan Kelestarian Hutan yang selama ini terabaikan.
    Bukankah Pembaca juga tahu kalau HUTAN ITU ADALAH PARU PARU DUNIA..????
    Nah, dengan menjaga Kelestarian Hutan di Sidadi berarti kita telah menyelamatkan sebagian masa depan Sidadi, Sumatera, Indonesia bahkan masa depan Dunia.
    TERIMA KASIH

    Bagikan Bos.!

    Download Mp3 : Mp3 Tapsel Madina




    Koleksi 1
    » Lagu tapsel - Adong dope cinta
    » Lagu tapsel - KFC (Kapice')
    » Lagu tapsel - Kuburma di rohamu
    Koleksi 2
    » Lagu tapsel - Omas Jadi Tumbaga
    Koleksi 3
    Share

    Jangan Lupa Komentarnya ya......

    Rpp Dan Silabus : Pendidikan Jasmani SD

     
    Download RPP Dan SILABUS Pendidikan Jasmani

    RPP PENDIDIKAN JASMANI SD :

    1. RPP PENDIDIKAN JASMANI SD 1
    2. RPP PENDIDIKAN JASMANI SD 2
    3. RPP PENDIDIKAN JASMANI SD 3
    4. RPP PENDIDIKAN JASMANI SD 4
    5. RPP PENDIDIKAN JASMANI SD 5
    6. RPP PENDIDIKAN JASMANI SD 6

    SILABUS PENDIDIKAN JASMANI SD :

    1. SILABUS PENDIDIKAN JASMANI SD 1

    2. SILABUS PENDIDIKAN JASMANI SD 1
    3. SILABUS PENDIDIKAN JASMANI SD 3
    4. SILABUS PENDIDIKAN JASMANI SD 4
    5. SILABUS PENDIDIKAN JASMANI SD 5
    6. SILABUS PENDIDIKAN JASMANI SD 6

    Rpp Dan Silabus : Seni Budaya Dan Kesenian SD

    Rpp Dan Silabus : Bahasa Inggris SD


    FREE DOWNLOAD RPP DAN SILABUS
      

    DOWNLOAD RPP BAHASA INGGRIS SD KELAS 1 s/d 6

     1. RPP BAHASA INGGRIS SD KELAS 1
     2. RPP BAHASA INGGRIS SD KELAS 2
    3. RPP BAHASA INGGRIS SD KELAS 3
    4. RPP BAHASA INGGRIS SD KELAS 4
    5. RPP BAHASA INGGRIS SD KELAS 5
    6. RPP BAHASA INGGRIS SD KELAS 6

     DOWNLOAD SILABUS BAHASA INGGRIS SD KELAS 1 s/d 6

    1. SILABUS BAHASA INGGRIS SD KELAS 1
    2. SILABUS BAHASA INGGRIS SD KELAS 2
    3. SILABUS BAHASA INGGRIS SD KELAS 3
    4. SILABUS BAHASA INGGRIS SD KELAS 4
    5. SILABUS BAHASA INGGRIS SD KELAS 5
    6. SILABUS BAHASA INGGRIS SD KELAS 6

    Kamis, 13 Februari 2014

    Belajar Dasar HTML : Membuat Textarea HTML

    Cara Membuat Textarea Di HTML.

    Ketikkan Kode Berikut :


     Maka Hasilnya Akan Seperti Dibawah Ini :


    Penjelasan :
    - cols : Mengatur lebar kotak.
    - rows : Mengatur tinggi kotak.


    Belajar Dasar HTML : Membuat tabel Dengan Marge Cell di HTML

    Cara Membuat Tabel dengan Marge Cell Di HTML.

    Ketikkan Kode Berikut :



    Maka Hasilnya Akan Seperti Dibawah Ini :
    Baris 1 dan 2 kolom 1 Baris 1 kolom 2,3 dan 4
    Baris 2 kolom 2 Baris 2 kolom 3 Baris 2 kolom 4
    Baris 3 kolom 1 Baris 3 kolom 2 Baris 3 kolom 3 Baris 3 kolom 4


    Penjelasan :
    - border : mengatur tebal garis tabel.
    - cellpadding : mengatur jarak antara garis dengan konten didalamnya.
    - bgcolor : mengatur warna latar belakang.
    - colspan : menggabungkan antara kolom.
    - rowspan : menggabungkan antara baris.



    Belajar Dasar HTML : Membuat Tabel

    Cara Membuat Tabel DI HTML.

    Ketikkan Kode Berikut :



    Maka Hasilnya Akan Seperti Dibawah Ini :
    Baris 1 kolom 1 Baris 1 kolom 2 Baris 1 kolom 3
    Baris 2 kolom 1 Baris 2 kolom 2 Baris 2 kolom 3
    Baris 3 kolom 1 Baris 3 kolom 2 Baris 3 kolom 3


    Penjelasan :
    - border : mengatur tebal garis tabel.
    - cellpadding : mengatur jarak antara garis dengan konten didalamnya.
    - bgcolor : mengatur warna latar belakang.


    Rabu, 12 Februari 2014

    Belajar Dasar HTML : Membuat Unorder List/Order List.

    Cara Membuat Unorder List Dan Order List
    Ketikkan Kode berikut :
    <ul>
    <li>Aku sedang belajar HTML</li>
    <li>Aku Sedang Belajar</li>
    <li>Aku Masih Bingung</li>
    <li>Bantu Aku Dong</li>
    </ul>

    Maka Hasilnya Akan Seperti Berikut :

    • Aku sedang belajar HTML
    • Aku Sedang Belajar
    • Aku Masih Bingung
    • Bantu Aku Dong
    Ketikkan Kode berikut :
    <ul type="circle">
    <li>Aku sedang belajar HTML</li>
    <li>Aku Sedang Belajar</li>
    <li>Aku Masih Bingung</li>
    <li>Bantu Aku Dong</li>
    </ul>

    Maka Hasilnya Akan Seperti Berikut :

    • Aku sedang belajar HTML
    • Aku Sedang Belajar
    • Aku Masih Bingung
    • Bantu Aku Dong
    Ketikkan Kode berikut :
    <ul type="square">
    <li>Aku sedang belajar HTML</li>
    <li>Aku Sedang Belajar</li>
    <li>Aku Masih Bingung</li>
    <li>Bantu Aku Dong</li>
    </ul>

    Maka Hasilnya Akan Seperti Berikut :

    • Aku sedang belajar HTML
    • Aku Sedang Belajar
    • Aku Masih Bingung
    • Bantu Aku Dong
    Ketikkan Kode berikut :
    <ol>
    <li>Aku sedang belajar HTML</li>
    <li>Aku Sedang Belajar</li>
    <li>Aku Masih Bingung</li>
    <li>Bantu Aku Dong</li>
    </ul>

    Maka Hasilnya Akan Seperti Berikut :

    1. Aku sedang belajar HTML
    2. Aku Sedang Belajar
    3. Aku Masih Bingung
    4. Bantu Aku Dong
    Ketikkan Kode berikut :
    <ol type="a">
    <li>Aku sedang belajar HTML</li>
    <li>Aku Sedang Belajar</li>
    <li>Aku Masih Bingung</li>
    <li>Bantu Aku Dong</li>
    </ul>

    Maka Hasilnya Akan Seperti Berikut :

    1. Aku sedang belajar HTML
    2. Aku Sedang Belajar
    3. Aku Masih Bingung
    4. Bantu Aku Dong
    Ketikkan Kode berikut :
    <ol type="A">
    <li>Aku sedang belajar HTML</li>
    <li>Aku Sedang Belajar</li>
    <li>Aku Masih Bingung</li>
    <li>Bantu Aku Dong</li>
    </ul>

    Maka Hasilnya Akan Seperti Berikut :

    1. Aku sedang belajar HTML
    2. Aku Sedang Belajar
    3. Aku Masih Bingung
    4. Bantu Aku Dong
    Ketikkan Kode berikut :
    <ol type="i">
    <li>Aku sedang belajar HTML</li>
    <li>Aku Sedang Belajar</li>
    <li>Aku Masih Bingung</li>
    <li>Bantu Aku Dong</li>
    </ul>

    Maka Hasilnya Akan Seperti Berikut :

    1. Aku sedang belajar HTML
    2. Aku Sedang Belajar
    3. Aku Masih Bingung
    4. Bantu Aku Dong
    Ketikkan Kode berikut :
    <ol type="I">
    <li>Aku sedang belajar HTML</li>
    <li>Aku Sedang Belajar</li>
    <li>Aku Masih Bingung</li>
    <li>Bantu Aku Dong</li>
    </ul>

    Maka Hasilnya Akan Seperti Berikut :

    1. Aku sedang belajar HTML
    2. Aku Sedang Belajar
    3. Aku Masih Bingung
    4. Bantu Aku Dong

    Belajar Dasar HTML : Mengatur Ukuran Font

    Memformat ukuran Text dengan kode <font size="value">.

    Tuliskan kode berikut :

    <font size="20">Ini Adalah Font Dengan Ukuran 20&lt/font>
    Maka Hasilnya Akan seperti dibawah :
    Ini Adalah Font Dengan Ukuran 20 Tuliskan kode berikut :

    <font size="6">Ini Adalah Font Dengan Ukuran 6&lt/font>
    Maka Hasilnya Akan seperti dibawah :
    Ini Adalah Font Dengan Ukuran 6 Tuliskan kode berikut :


    <font size="4">Ini Adalah Font Dengan Ukuran 4&lt/font>
    Maka Hasilnya Akan seperti dibawah :
    Ini Adalah Font Dengan Ukuran 4