.:: Jasa Membuat Aplikasi Website,Desktop,Android Order Now..!! | | Order Now..!! Jasa Membuat Project Arduino,Robotic,Print 3D ::.

Aplikasi Upload Foto/Image di PHP

0 komentar
Selamat sore teman-teman blogger..Sehat kan semua?
Hmmm..sambil menunggu teman yang masih sibuk, saya iseng-iseng bongkar aplikasi sederhana yang ada di file saya, yang isinya terdapat cara upload foto pribadi yang biasanya digunakan untuk biodata seseorang. 
Tak lain dan tak bukan masih menggunakan bahasa pemograman kesayangan yaitu PHP dan dibantu MySQL. Hmm..langsung saja ya..
1. Create tabel biodata (nama terserah teman-teman semua)
CREATE TABLE IF NOT EXISTS `tbl_biodata` (
`id_user` int(9) NOT NULL AUTO_INCREMENT,
`nama_depan` varchar(50) NOT NULL,
`nama_belakang` varchar(50) NOT NULL,
`email` varchar(50) NOT NULL,
`password` varchar(50) NOT NULL,
`kelamin` enum('pria','wanita') NOT NULL,
`photo` varchar(100) NOT NULL,
`ukuran` int(12) NOT NULL,
`type` varchar(100) NOT NULL,
PRIMARY KEY (`id_user`)
);
2. Membuat Form Input [index.php]
<?php
include "koneksi.php";
if(isset($_POST['submit'])){

$nama_depan=addslashes(htmlentities(ucwords($_POST['nama_depan'])));
$nama_belakang=addslashes(htmlentities(ucwords($_POST['nama_belakang'])));
$email=addslashes(htmlentities($_POST['email']));
$password=$_POST['password'];
$kelamin=$_POST['kelamin'];

$nama_photo=$_FILES['photo']['name'];
$type = $_FILES['photo']['type'];
$ukuran=$_FILES['photo']['size'];

if(empty($nama_depan) || empty($nama_belakang) || empty($email) || empty($password) || empty($nama_photo)){
echo "<script language=\"Javascript\">\n";
echo "confirmed = window.confirm('Maaf, Form belum lengkap!!');";
echo "</script>";

}else{
$query_email=mysql_query("select * from tbl_biodata where email='$email'");
$cek=mysql_num_rows($query_email);
if($cek>0){
echo "<script language=\"Javascript\">\n";
echo "confirmed = window.confirm('Maaf, Email sudah dipakai!!');";
echo "</script>";
}else{
if($type != "image/gif" && $type != "image/jpg" && $type != "image/jpeg" && $type != "image/png") {
echo "<script language=\"Javascript\">\n";
echo "confirmed = window.confirm('File Yang Di izinkan Hanya jpg,jpeg,png,gif!!');";
echo "</script>";
}else{
if($ukuran>1000000){
echo "<script language=\"Javascript\">\n";
echo "confirmed = window.confirm('File Yang Di izinkan Hanya berukuran kurang dari 1MB!!');";
echo "</script>";
}else{
$uploaddir='./photo/';
$rnd=date(His);
$nama_file_upload=$rnd.'-'.$nama_photo;
$alamatfile=$uploaddir.$nama_file_upload;

if (move_uploaded_file($_FILES['photo']['tmp_name'],$alamatfile))
{
$query=mysql_query("insert into tbl_biodata(nama_depan,nama_belakang,email,password,kelamin,photo,ukuran,type)
values('$nama_depan','$nama_belakang','$email','$password','$kelamin','$nama_file_upload','$ukuran','$type')");

if($query){
echo "<script language=\"Javascript\">\n";
echo "confirmed = window.confirm('Data Anda berhasil disimpan');";
echo "</script>";
}else{
echo mysql_query();
}
}else{
echo "<script language=\"Javascript\">\n";
echo "confirmed = window.confirm('Proses upload gagal');";
echo "</script>";
echo "<p>kode error = " . $_FILES['location']['error']."</p>";
}
}
}
}
}
}else{
unset($_POST['submit']);
}
?>

<html>
<head>
<title>Biodata</title>
</head>
<body>
<form action="" enctype="multipart/form-data" method="post" name="postform">
<table width="42%" border="0" style="font-family:Verdana; size:6px; border-bottom:solid 1px #000000; border-right:solid 1px #000000; border-top:solid 1px #000000; border-left:solid 1px #000000; background:#999" align="center" cellpadding="3" cellspacing="3">
<tr>
<td colspan="3" align="center"><strong>FORM INPUT BIODATA</strong></td>
</tr>
<tr>
<tr>
<td width="146">Nama Depan</td>
<td width="1">:</td>
<td width="370"><input type="text" name="nama_depan" size="30"/></td>
</tr>
<tr>
<td width="146">Nama Belakang</td>
<td width="1">:</td>
<td width="370"><input type="text" name="nama_belakang" size="30"/></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input type="text" name="email" size="30"/></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="password" size="30"/></td>
</tr>
<tr>
<td>Kelamin</td>
<td>:</td>
<td>
<select name="kelamin">
<option value="pria">Pria
<option value="wanita">Wanita
</select>
</td>
</tr>

<tr>
<td>Photo</td>
<td>:</td>
<td><input type="file" name="photo" size="30"/></td>
</tr>
<tr>
<td colspan="3"><p></p></td>
</tr>

<tr>
<td><input type="submit" name="submit" value="Submit" onClick="return confirm('Apakah Anda yakin?')" /></td>
<td> </td>
<td><a href="view_data.php">[View Biodata]</a></td>
</tr>
</table>
</form>

</body>
</html>

3. Membuat View Biodata [view_data.php]
<html>
<head>
<title>View Biodata</title>
</head>
<body>
<?php
include "koneksi.php";
$query=mysql_query("select * from tbl_biodata");
?>

<br>
<table style="font-family:Verdana; size:6px;" align="center" cellspacing="0" cellpadding="3">

<tr bgcolor="#999">
<td align="center" height="30" colspan="9"><strong><a href="index.php">[Input Biodata]</a></strong></td>
</tr>
<tr bgcolor="#999">
<td height="30" align="center" style="border-bottom:solid 1px #000000; border-right:solid 1px #000000; border-top:solid 1px #000000; border-left:solid 1px #000000;"><strong>No</strong></td>
<td align="center" style="border-bottom:solid 1px #000000; border-right:solid 1px #000000; border-top:solid 1px #000000;"><strong>Photo</strong></td>
<td align="center" style="border-bottom:solid 1px #000000; border-right:solid 1px #000000; border-top:solid 1px #000000;"><strong>Nama</strong></td>
<td align="center" style="border-bottom:solid 1px #000000; border-right:solid 1px #000000; border-top:solid 1px #000000;"><strong>Jns<br>Kelamin</strong></td>
<td align="center" style="border-bottom:solid 1px #000000; border-right:solid 1px #000000; border-top:solid 1px #000000;"><strong>Email</strong></td>
<td align="center" style="border-bottom:solid 1px #000000; border-right:solid 1px #000000; border-top:solid 1px #000000;"><strong>Ukuran</strong></td>
<td align="center" style="border-bottom:solid 1px #000000; border-right:solid 1px #000000; border-top:solid 1px #000000;"><strong>Type</strong></td>
<td align="center" style="border-bottom:solid 1px #000000; border-right:solid 1px #000000; border-top:solid 1px #000000;"><strong>Edit</strong></td>
</tr>

<?php
while($row=mysql_fetch_array($query)){
?>
<tr>
<td align="center" style="border-bottom:solid 1px #000000; border-right:solid 1px #000000; border-left:solid 1px #000000;"><?php echo $no=$no+1;?></td>
<td style="border-bottom:solid 1px #000000; border-right:solid 1px #000000;"><a href="./photo/<?php echo $row['photo'];?>" target="_blank">
<img src="./photo/<?php echo $row['photo'];?>" width="100" height="100" title="<?php echo $row['photo'];?>"></a></td>
<td style="border-bottom:solid 1px #000000; border-right:solid 1px #000000;"><?php echo $row['nama_depan'].' '.$row['nama_belakang'];?></td>
<td style="border-bottom:solid 1px #000000; border-right:solid 1px #000000;"><?php echo ucwords($row['kelamin']);?></td>
<td style="border-bottom:solid 1px #000000; border-right:solid 1px #000000;"><?php echo $row['email'];?></td>
<td style="border-bottom:solid 1px #000000; border-right:solid 1px #000000;"><?php echo formatBytes($row['ukuran'],0);?></td>
<td style="border-bottom:solid 1px #000000; border-right:solid 1px #000000;"><?php echo $row['type'];?></td>
<td style="border-bottom:solid 1px #000000; border-right:solid 1px #000000;">
<a href="delete.php?id_user=<?php echo $row['id_user'];?>" onClick="return confirm('Apakah Anda yakin?')"><strong>Delete</strong></a> |
<a href="edit.php?id_user=<?php echo $row['id_user'];?>"><strong>Edit</strong></a>
</td>
</tr>
<?php
}
?>
</table>
</body>
</html>

4. Membuat Form Edit [edit.php]
<?
include "koneksi.php";
//jika klik tombol update
if(isset($_POST['submit'])){
$id_user=$_POST['id_user'];
$nama_depan=addslashes(htmlentities(ucwords($_POST['nama_depan'])));
$nama_belakang=addslashes(htmlentities(ucwords($_POST['nama_belakang'])));
$email=addslashes(htmlentities($_POST['email']));
$kelamin=$_POST['kelamin'];
$photo_lama=$_POST['photo_lama'];
$nama_photo=$_FILES['photo']['name'];

if(empty($_POST['password'])){
$password=$_POST['password_lama'];
}else{
$password=$_POST['password'];
}

if(empty($nama_depan) || empty($nama_belakang) || empty($email)){
echo "<script language=\"Javascript\">\n";
echo "confirmed = window.confirm('Maaf, Form belum lengkap!!');";
echo "</script>";
}else{
if(empty($_FILES['photo']['name'])){
$nama_file_upload=$photo_lama;
$type=$_POST['type'];
$ukuran=$_POST['ukuran'];
$query=mysql_query("update tbl_biodata set nama_depan='$nama_depan',nama_belakang='$nama_belakang',email='$email',password='$password',photo='$nama_file_upload',kelamin='$kelamin',ukuran='$ukuran',type='$type' where id_user='$id_user'");
}else{
$type=$_FILES['photo']['type'];
$ukuran=$_FILES['photo']['size'];
$uploaddir='./photo/';
$rnd=date(His);
$nama_file_upload=$rnd.'-'.$nama_photo;
$alamatfile=$uploaddir.$nama_file_upload;

if($type != "image/gif" && $type != "image/jpg" && $type != "image/jpeg" && $type != "image/png") {
echo "<script language=\"Javascript\">\n";
echo "confirmed = window.confirm('File Yang Di izinkan Hanya jpg,jpeg,png,gif!!');";
echo "</script>";
}else{
if($ukuran>1000000){
echo "<script language=\"Javascript\">\n";
echo "confirmed = window.confirm('File Yang Di izinkan Hanya berukuran kurang dari 1MB!!');";
echo "</script>";
}else{
unlink("./photo/".$photo_lama);
$upload=move_uploaded_file($_FILES['photo']['tmp_name'],$alamatfile);
$query=mysql_query("update tbl_biodata set nama_depan='$nama_depan',nama_belakang='$nama_belakang',email='$email',password='$password',photo='$nama_file_upload',kelamin='$kelamin',ukuran='$ukuran',type='$type' where id_user='$id_user'");
}
}
}

if($query){
echo "<script language=\"Javascript\">\n";
echo "confirmed = window.confirm('Data Anda berhasil disimpan');";
echo "</script>";
}else{
echo mysql_query();
}
}
}else{
unset($_POST['submit']);
}
//deskripsi form edit
$id_user=$_GET['id_user'];
$row=mysql_fetch_array(mysql_query("select * from tbl_biodata where id_user='$id_user'"));
$nama_depan=$row['nama_depan'];
$nama_belakang=$row['nama_belakang'];
$email=$row['email'];
$kelamin=$row['kelamin'];
$password=$row['password'];
$photo=$row['photo'];
$ukuran=$row['ukuran'];
$type=$row['type'];


?>
<html>
<head>
<title>Biodata</title>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data" name="postform">
<input type="hidden" name="id_user" value="<?php echo $id_user;?>" />
<input type="hidden" name="password_lama" value="<?php echo $password;?>" />
<input type="hidden" name="photo_lama" value="<?php echo $photo?>" />
<input type="hidden" name="ukuran" value="<?php echo $ukuran;?>" />
<input type="hidden" name="type" value="<?php echo $type?>" />
<table width="42%" border="0" style="font-family:Verdana; size:6px; border-bottom:solid 1px #000000; border-right:solid 1px #000000; border-top:solid 1px #000000; border-left:solid 1px #000000; background:#999" align="center" cellpadding="3" cellspacing="3">
<tr>
<td colspan="3" align="center"><strong>FORM EDIT BIODATA</strong></td>
</tr>
<tr>
<td colspan="3" align="center"><img src="./photo/<?php echo $photo;?>" width="100" height="100"></td>
</tr>
<tr>
<td width="189">Nama Depan</td>
<td width="8">:</td>
<td width="440"><input type="text" name="nama_depan" value="<?php echo $nama_depan; ?>" size="30"/></td>
</tr>
<tr>
<td width="189">Nama Belakang</td>
<td width="8">:</td>
<td width="440"><input type="text" name="nama_belakang" value="<?php echo $nama_belakang; ?>" size="30"/></td>
</tr>
<tr>
<td>Kelamin</td>
<td>:</td>
<td>
<select name="kelamin">
<option value="pria" <?php if($kelamin=='pria'){ echo "selected='selected'";} ?>>Pria
<option value="wanita" <?php if($kelamin=='wanita'){ echo "selected='selected'";} ?>>Wanita
</select>
</td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input type="text" name="email" value="<?php echo $email; ?>" size="30"/></td>
</tr>
<tr>
<td></td>
<td></td>
<td><i><font color="#CCCCCC">*kosongkan password jika tidak diubah</font></i></td>
</tr>
<tr>
<td>Password</td>
<td>:</td>
<td><input type="password" name="password" size="30"/></td>
</tr>
<tr>
<td></td>
<td></td>
<td><i><font color="#CCCCCC">*kosongkan photo jika tidak diubah </font></i></td>
</tr>
<tr>
<td>Photo</td>
<td>:</td>
<td><input type="file" name="photo" size="30"/></td>
</tr>
<tr>
<td colspan="3"><p></p></td>
</tr>
<tr>
<td><input type="submit" name="submit" value="Update" onClick="return confirm('Apakah Anda yakin akan mengubah data?')"/></td>
<td> </td>
<td><a href="view_data.php"><strong>[View Biodata]</strong></a></td>
</tr>
</table>

</form>

</body>
</html>

5. Membuat Proses Delete [delete.php]
<?php
include "koneksi.php";
$id_user=$_GET['id_user'];
$row=mysql_fetch_array(mysql_query("select * from tbl_biodata where id_user='$id_user'"));
$photo=$row['photo'];

$query=mysql_query("delete from tbl_biodata where id_user='$id_user'");
if($query){
$nama_file="./photo/".$photo;
unlink($nama_file);
echo "<script language=\"Javascript\">\n";
echo "confirmed = window.confirm('Data sudah di hapus!');";
echo "</script>";
echo "<a href=view_data.php> <strong>View Data</strong></a>";
}
?>
Selesai, mohon maaf masih banyak kekurangan, namanya juga masih belajar. Oke teman, semoga bermanfaat :)
Suni

website

0 komentar
Cara membuat website mungkin bisa dibilang bukan hal yang sulit bahkan cukup mudah untuk para webmaster (pembuat website). Namun bagaimana dengan teman-teman kita yang baru saja 'terjun' di dunia blogging ? apakah mereka juga menganggap Cara Membuat Website adalah hal yang mudah ? tentu tidak bukan, atas dasar itulah saya akan mencoba menjelaskan tahap demi tahap Bagaimana Cara Membuat Website dari Dasar atau Awal untuk para Pemula tentunya.

Tenang saja, Cara Membuat Web yang akan saya berikan ini tidak akan banyak memakan waktu Anda, karena sesuai judul yang saya buat Cara Membuat Website ini hanya akan memakan waktu 5 Menit saja, bahkan mungkin bisa kurang dari itu.

Baiklah, disini saya akan membagi Tutorial Membuat Website ini menjadi 2 Bagian.


  1. Cara Membuat Website
  2. Cara Upload File ke Website Menggunakan FTP
  3. Video Cara Membuat Website

Kedua Cara diatas akan saya jelaskan secara gamblang dengan bahasa yang sesederhana mungkin. Jadi untuk Anda yang benar-benar buta akan Website mampu mengikuti Tutorial Membuat Website ini dengan Mudah.


1. Cara Membuat Website


Sebelum membuat website, hal yang harus Anda persiapkan adalah Hosting + Domain. Jika Anda bingung apa itu Hosting, maka kita bisa mengibaratkan Hosting itu ibarat Rumah untuk menyimpan barang-barang (file) dan Domain ibarat Nama Jalannya, agar pengunjung bisa berkunjung.

Untungnya hampir semua penyedia layanan website sekarang ini sudah menyediakan paket lengkap, yaitu mereka sudah menyiapkan Hosting dan Domain menjadi satu, jadi pesan Hosting dapat gratis Domain. Karena kita nyari yang gratisan jadi kita gak akan dapat Domain, melainkan hanya akan mendapat SubDomain (ada embel-embelnya, semacam blogspot.com atau wordpress.com).

Kembali ke Topik, untuk Cara Membuat Website.

  1. Kunjungi situs penyedia Layanan pembuatan Website, disini akan saya beri contoh menggunakan situs penyedia layanan yang cukup populer di Indonesia, yaitu IDHostinger. Langsung saja kunjungi http://www.idhostinger.com/

  2. Setelah terbuka, selanjutnya klik Buat Akun. Letaknya ada di pojok kanan atas, dekat form login.


  3. Di halaman ini Anda diwajibkan mengisi. Nama, E-mail dan Password Anda. Isikan sesuai tempatnya.


    Jangan lupa centang, Saya setuju dengan Ketentuan Penggunaan Layanan.

  4. Selanjtunya, kita buka Tab Baru dan masuk ke Email kita, untu mengaktivasi Akun kita. Nanti ada dua Email dari yang dikirim oleh IDHostinger, Anda lihat saja yang pertama atau yang paling bawah.


    Tingal Anda klik atau salin link tersebut ke Address Bar dan klik Enter.

  5. Disini kita akan disuruh memilih Paket Hosting yang akan kita pakai nanti untuk Membuat Website. Karena kita hanya akan Membuat Web untuk Belajar saja, maka kita Order saja yang Paket Gratis.


  6. Kalau diatas kita sudah memesan Hostingan makan setelah itu kita akan diberi hadiah SubDomain. Untuk SubDomainnya ada banyak pilihan, silahkan Anda pilih yang paling cocok atau sesuai dengan selera Anda. Lalu klik Buat.


  7. SubDomain + Hosting Anda akan dibuat, jadi tunggu hingga muncul pemeberitahuan 'Akun telah dibuat 100%' di pojok kanan bawah.


    Selanjutnya, silahkan Anda klik Lihat Hasil.

  8. Dari sini kita sudah berhasil membuat akun untuk membuat Websitenya, namun kita belum memesan Hosting + SubDomain atau dengan kata lain suah berhasi Mendaftar / Membuat Website. Namun kita harus melanjutkan untuk mengisi website kita dengan Artikel atau File. Caranya dengan mengklik tombol Kelola.


  9. Maka Anda akan dibawa ke Cpanel (Control Panel). Disinilah tempat Anda mengatur segala sesuatu yang berkaitan dengan website Anda. Mulai dari :

    • Menambah Subdomain
    • Parkir Domain
    • Impor Website
    • Impor Database
    • Mengatur Halaman Error

    Dan masih banyak lagi. Namun kita tidak akan membahas fitur-fitur yang ada di Cpanel ini (butuh watu berhari-hari). Tujuan kita masuk Cpanel adalah untuk mengambil Data mengenai : 'Nama pengguna'.


    Lihat dan silhkan Anda Catat (kalau bisa dikertas atau buku).


2. Cara Upload File ke Website Menggunakan FTP


Untuk mengupload suatu file kedalam Website atau lebih tepatnya kedalam Hosting (rumah) sebenarnya cukup mudah, yaitu cukup dengan mengklik File Manajer dan tinggal Anda pilih file yang akan Anda Upload.

Tapi yang jadi masalah bagaimana jika kita ingin mengupload file kedalam Hosting saat kita menggunakan HandPhone ? tentu kita tidak mungkin masuk File Manajer yang ada disediakan IDHostinger, karena ada beberapa Javascript yang harus dijalankan, dan itu tidak mungkin dijalankan di browser Handphone (operamini / ucbrowser).

Maka dari itu, disini kita akan meminta bantuan FTP. FTP Online ini fungsinya menjadi perantara, Antara file yang akan kita upload dengan Hosting yang sudah kita pesan tadi (tanpa melalui file manajer).

Mohon maaf disini saya akan memberikan screenshotnya dari tampilan PC, tapi sebenarnya sama persis kok tampilannya antara di PC dan Handphone, karena saya sering membuka di HP juga.

Untuk Upload filenya mealalui FTP Online tentunya kita harus memilih 1 dari ribuan FTP Online yang ada di Internet, disini saya memutuskan untuk memilih Net4India karena sudah support https dan yang terpenting adalah sangan HandPhone Friendly (nyaman dan tidak terlalu berat jika dibuka melalui hp).

Sekarang, langkah-langkah Cara Upload File ke Website atau Hosting menggunakan FTP Online.

  1. Buka https://ftp.net4india.com/


    Tadi sebelumnya saya menyuruh Anda untuk mencatat 'Nama pengguna' bukan ? gunanya ya untuk mengisi Login Panel di FTP ini. Ada tiga form yang harus Anda isi.

    FTP server: Isikan Nama Domain Anda
    Username: Isikan Nama Pengguna
    Password: Isikan Password

    Setelah semua terisi silahkan Anda klik Login.

    * yang dimaksud password disini adalah password saat Anda mengisi SubDomain, jadi bukan password saat Anda membuat akun IDHostinger.


  2. Setelah klik Login, maka Anda akan masuk kedalam direktori root.


    Di direktori (folder) ini Anda tidak bisa mengupload apapun, andai kata bisa upload, Anda tidak akan bisa mengaksesnya melalui url (tidak bisa diakses umum), karena filenya berada di dalam. Solusinya Anda klik dulu public_html.

  3. Disinilah tempat untuk mengatur halaman depan website Anda. Cara Mengaturnya, pertama-tama Anda hapus dulu default.php yang ada di direktori public_html ini. Ohya, default.php ini isinya adalah ucapan selamat datang yang otomatis dibuat oleh pihak IDHostinger, jadi kita hapus saja tidak masalah.


    Centang filenya dan pilih Delete. Lalu pilih Submit, dan klik Back untuk kembali ke public_html.

  4. Langkah selanjutnya tinggal kita upload file kita ? tapi file apa yang akan kita upload ? jangan kuatir disini saya akan memberikan script / kode html untuk membuat halaman depan website, oya kode ini bukan buatan saya melainkan buatan master problogiz, yang juga sudah valid HTML5. Langsung saja ini dia kodenya.

    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="utf-8">
    <title>Page Title</title>

    <!-- meta tags -->
    <meta name="keywords" content="">
    <meta name="description" content="">

    <!-- stylesheets -->

    <style>
    /* ~~~~~~~~~ layout ~~~~~~~~~~ */
    #container {width: 960px;margin: 20px auto;background: #fff;padding: 30px;overflow: hidden;}

    /* ~~~~~~~~~ header ~~~~~~~~~~ */
    #main-navigation {border-bottom: 5px solid #3942A3;margin: 20px 0;}
    #main-navigation ul {overflow: hidden;width: 100%;list-style: none;font-size: 1.6em;}#main-navigation li {float: left;}
    #main-navigation li a {background: #3972A3;margin: 0 5px 0 0;padding: 5px 30px;display: block;color: #000000;text-decoration: none;}
    #main-navigation li.current a {background: #666;}
    #main-navigation li a:hover {background: #777; }

    /* ~~~~~~~~~ article ~~~~~~~~~~ */
    article {width: 100%;overflow: hidden;}
    section {float: left;width: 500px;}

    /* ~~~~~~~~~ aside ~~~~~~~~~~ */
    aside {float: right;width: 310px;}

    /* ~~~~~~~~~ footer ~~~~~~~~~~ */
    footer {width: 840px;margin: 20px auto;font-size: 1.4em;text-align: right;}

    /* ~~~~~~~~~ common ~~~~~~~~~~ */
    body, select, input, textarea {font: 0.625em/1.4 tahoma, verdana, arial, helvetica, sans-serif;color: #333;}
    body {background: #ccc;}
    h1 {font-weight: normal;color: #666;font: 3.2em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0 0;}
    h2 {font-weight: normal;color: #666;font: 2.4em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0; }
    section p, section ul, section ol,
    aside p, aside ul, aside ol {font-size: 1.4em;margin: 1em 0;}
    section ul {margin-left: 1em;}
    section ol {margin-left: 1.4em;}

    /* ~~~~~~~~~ generic ~~~~~~~~~~ */
    html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
    dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
    a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;}
    img {vertical-align: bottom;}
    img, fieldset {border: 0;}
    html {overflow-y: scroll;}
    header, nav, section, article, figure, aside, footer {display: block;}
    </style>

    <!-- javascript -->
    <script src="js/jquery-1.3.2.min.js"></script>

    <!--conditional-->
    <!--[if IE]>
    <script src="js/html5.js"></script>
    <![endif]-->
    </head>

    <body class="home">

    <div id="container">
    <header id="page-header">
    <h1>Judul Blog</h1>
    <nav id="main-navigation">
    <ul>
    <li class="current"><a href="#">Home</a></li>
    <li style="color: red;"><a href="#">About</a></li>
    <li><a href="#">Menu</a></li>
    <li><a href="#">Portfolio</a></li>
    <li><a href="#">Contact</a></li>
    </ul>
    </nav>
    </header>
    <article id="page-content">
    <section>
    <hgroup>
    <h2>Pemahaman HTML5</h2>
    <h2>Demo HTML5 Template</h2>
    </hgroup>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac iaculis erat. Maecenas id fermentum odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
    <h2>HTML 5 Item</h2>
    <ul>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    </ul>
    <ol>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    </ol>
    </section>
    <aside>
    <h2>Artikel Terkait</h2>
    <p>Aliquam id lorem ac tellus fringilla bibendum et at turpis. In ut auctor justo. Integer ac quam sed est semper hendrerit.</p>
    </aside>
    </article>
    </div>

    <footer>
    Footer
    </footer>

    </body>
    </html>

    Pertama Anda copy paste dahulu seluruh script diatas, selanjutnya paste kan kedalam aplikasi moby explorer (ini yang biasa saya pakai kalau mengedit text di hp) atau Anda bisa juga menggunakan editor yang gratis lainya, edit yang perlu diedit setelahs selesai di edit seve dengan nama index.html (tulis persis dengan apa yang saya tulis, jangan diganti Index.html atau ind3x.html)

  5. Setelah Anda save sekarang saatnya Anda upload, caranya mudah saja, klik Upload.


    Dan selanjutnya pilih Choose File (ada 2 tulisan choose file, anda pilih yang atas karena itu nanti file yang diupload tidak akan dikompres / meminimalisir file rusak). Dilanjut dengan mengklik tombol Submit.

    Jika muncul tulisan :

    Checking files: 
    File index.html is OK
    Transferring files to the FTP server: 
    File index.html has been transferred to the FTP server using FTP mode FTP_ASCII

    Berarti file sukses diupload, itu artinya kita sudah berhasil mengubah halaman depan Website yang kita buat. Kalau tidak percaya cek saja Website Anda.

    Ini screenshot halaman depan Website saya yang index.html-nya menggunakan kode diatas.

Suni

Pop-Up Window di Javascript

0 komentar
Selamat pagi bloggers. Lanjut dari postingan kemarin yaa..masih seputar Javascript yaitu membuat pop-up window. 
Secara sederhana pop-up window dapat diartikan window tambahan yang muncul mengiringi window utama. Misalnya kita mengunjungi suatu website tetapi juga muncul window lainnya setelah website utama muncul. Nah metode ini banyak yang dimanfaatkan para pengiklan untuk memunculkan iklan mereka. Pada pembahasan kita kali ini kita akan coba membuat pop-up window. Ya.. tentu masih menggunakan jurus kita yaitu javascript.
Dalam contoh ini kita akan mambuat dua file. File yang pertama bernama popup1.php dan yang kedua adalah popup2.php. Tugas file popup1.php adalah memunculkan window popup2.php.
Script pada popup1.php
<html>
<head>
<title>Membuat Pop-Up Window</title>
<script language="javascript">
function buka_popup(){
window.open('popup2.php', '', 'width=640, height=480, menubar=yes,location=yes,scrollbars=yes, resizeable=yes, status=yes, copyhistory=no,toolbar=no');
}
</script>
<body onLoad="buka_popup();">
<p>Anda juga dapat membuka window popupnya dari sini</p>
<a href="javascript: buka_popup();">KLIK DISINI</a>
</body>
</html>
Script pada popup2.php
<html>
<head>
<title>Ini Window Ke 2</title>
</head>
<body>
<p>Jika anda dapat melihat saya maka anda berhasil</p>
<a href="javascript: window.close()">Tutup Window[X]</a>
</body>
</html>
Outpunya :
Semoga bermanfaat :)
Suni

Membuat Pesan (Warning) menggunakan Javascript

0 komentar
Selamat pagi semua..
Kali ini mari kita mencoba membuat pesan atau warning menggunakan javascript dengan melempar parameter pada sebuah fungsi.
Contoh scriptnya :
<html>
<head>
<title>PARAMETER DALAM FUNGSI</title>
<script language="javascript">

function password(pesan_prompt, pesan_sukses, pesan_gagal){
var passwd = prompt(pesan_prompt);
if (passwd != 'petugas'){
alert(pesan_gagal);
}
else{
alert(pesan_sukses);
}
}
</script>
</head>
<body>
<p><b>TEMPAT RAHASIA</b></p>
<p>Sekali lagi saya tegaskan jangan memasuki area ini selain petugas.
BERBAHAYA!!!</p>
<a href="javascript: password('Masukkan Password:', 'Password Benar!', 'Password Salah');">Masuk =></a>
</body>
</html>
Fungsi password() memiliki 3 parameter yaitu pesan_prompt, pesan_sukses, pesan_gagal. Nantinya kita menjalankan fungsi password harus dengan 3 parameter. Pada script diatas kita menjalankan fungsi password() dengan mengetikkan password(�Masukkan Password:�, �Password Benar!�, �Password Salah�). Jadi ketika user salah memasukkan password akan muncul box warning yang bertuliskan Password Salah. Sebaliknya jika password benar
akan muncul box warning bertuliskan Password Benar!.
Pada contoh script di atas, password yang benar adalah : petugas.

Selamat mencoba, semoga bermanfaat :)
Suni

Membuat Web Sederhana dengan Menggunakan HTML

0 komentar
Selamat pagi blogers semua, khususnya para pecinta program HTML dan PHP.
Sudah lama sekali rasanya saya tidak belajar lagi dan menuangkannya di blog saya.
Tanpa bosan saya akan berbagi lagi cara membuat web sederhana di HTML. Dan sebelumnya saya berterima kasih kepada E-book "Mastering Kode HTML" yang selalu menjadi inspirasi ketika saya belajar. Selalu di ulang dan diulang lagi, apa itu HTML?
Pengertian HTML
Seperti yang telah dijelaskan sebelumnya bahwa HTML(Hyper Text Markup Language) adalah simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web browser. Tag-tag HTML selalu diawali dengan <x> dan diakhiri dengan </x> dimana x tag HTML seperti b, i, u dan sebagainya. Namun ada juga tag yang tidak diakhiri dengan tanda </x> seperti tag <br>, <input> dan lainnya.
Sebuah halaman website akan diapit oleh tag <html>��</html>. File-file HTML selalu berakhiran dengan ekstensi *.htm atau *.html. Jadi jika anda mengetik sebuah naskah dan menyimpannya dengan ekstensi *.html maka anda membuat file yang berformat HTML.
Ok, setelah saya berikan sedikit penjelasan mengenai pengertian HTML yu langsung saja kita membuat website pribadi yang super sederhana ini.
Langkah-langkah pembuatannya :
1. Membuat Halaman Depan [Index.php]
Anda bisa menggunakan file dengan ekstensi .html, sebenarnya menurut saya sama saja. Untuk sementara saya menggunakan .php. Oke contoh scripnya seperti di bawah ini:
<html>
<head>
<title>Anggun Website</title>
</head>
<body bgcolor="#FF99FF">
<table border="1" style="border-collapse: collapse" width="100%" cellpadding="8" bordercolor="black">
<tr>
<td width="20%">
<!-- ini tabel foto -->
<table border="1" style="border-collapse: collapse" width="100%" cellpadding="8" bordercolor="black">
<tr>
<td align="center"><img border="1" height="180 " width="150" src=""></td>
</tr>
</table>
<p></p> <!-- untuk memberi jarak -->
<!-- ini tabel menu -->
<table border="1" style="border-collapse: collapse" width="100%" cellpadding="8" bordercolor="black">
<tr>
<td>Ini nanti untuk link menu</td>
</tr>
</table>
</td>
<!-- ini untuk kolom 2 tabel utama -->
<td valign="top"><p align="center"><b>SELAMAT DATANG</b></p></td>
</tr>
</table>
</body>
</html>
Dan hasilnya :

Itu belum selesai, karena kita belum mengisi bagian-bagian yang saya tulis di atas.
Kita ganti bagian-bagian yang terbentuk menjadi seperti di bawah ini :
<html>
<head>
<title>Anggun Website</title>
</head>
<body bgcolor="#FF99FF">
<font face="verdana">
<table border="0" style="border-collapse: collapse" width="100%" cellpadding="8" bordercolor="black">
<tr>
<td width="20%">
<!-- ini tabel foto -->
<table border="0" style="border-collapse: collapse" width="100%" cellpadding="8" bordercolor="black">
<tr>
<td align="center"><img border="1" height="150" width="120" src="img/karir.jpg"></td>
</tr>
</table>
<p><hr></p> <!-- untuk memberi jarak -->
<!-- ini tabel menu -->
<table border="0" style="border-collapse: collapse" width="100%" cellpadding="8" bordercolor="black">
<tr>
<td><font size="2">
<ul>
<li><a href="profil.php">Profil</a></li>
<li><a href="kegiatan.php">Kegiatan</a></li>
<li><a href="foto.php">Foto-foto</a></li>
<li><a href="http://anggun43ana.blogspot.com" target="_blank">Blog Saya</a></li>
<li><a href="mailto: anggunpatriana@yahoo.com">Email saya</a></li>
</ul>
</td>
</tr>
</table>
</td>
<!-- ini untuk kolom 2 tabel utama -->
<td valign="top">
<p align="center"><font size="4"><b>SELAMAT DATANG DI WEBSITE ANGGUN PATRIANA</b></font></p>
<p><font size="2">Saya ucapkan terima kasih atas kunjungan anda ke website
saya. Pada website ini anda dapat melihat profil data diri saya dan kegiatan-kegiatan<br>
yang saya lakukan. Di bawah ini adalah sebuah kata-kata motivasi buat anda yang sedang merasakan kehilangan
dan belajar mengikhlaskan.</font></p>
<p><b>...: Belajar Mengikhlaskan :...</b></p>
<p><font size="2">
<i>Jangan mempertahankan sesuatu hanya karena<br>
kamu ingin memilikinya atau<br>
karena kamu tidak ingin orang lain memilikinya<br><br>

kita kehilangan banyak hal di sepanjang masa hidup<br>
kehilangan tersebut pada awalnya tampak seperti tidak adil dan merisaukan<br>
tapi itu terjadi supaya ada perubahan positif yang terjadi dalam hidup kita<br><br>

berkeras mempertahankannya tidak membuat kita atau dunia menjadi lebih baik<br>
mungkin memang pedih pada awalnya<br>
mungkin butuh bulan berbilang tahun untuk menyeka bening yg terkadang masih mengalir<br><br>

namun kebahagiaan memang tak selamanya...<br>
dan kesedihan tak kan mengembalikan apa yang telah berlalu..<br><br>

kita semua harus memutuskan kapan suatu hal,<br>
atau kapan seseorang masuk dalam hidup kita,<br>
atau kapan saatnya kita lebih baik bersama yang lain...<br>
Pada saatnya kita harus mengumpulkan KEBERANIAN untuk melepasnya...<br><br>

Semoga kita bisa menjadi orang yang ikhlas yg masih bisa memberikan SENYUM terindah kita pada dunia.. :)<br>
</i></font></p>
</td>
</tr>
</table>
</body>
</html>
Hasilnya sudah menjadi halaman sempurna bukan?

2. Membuat Halaman Profil [profil.php]
<html>
<head>
<title>Profil Anggun Patriana</title>
</head>
<body bgcolor="#FF99FF">
<font face="verdana">
<p align="center">
<table border="0" cellpadding="8" bordercolor="black">
<tr>
<td colspan="2" align="center"><b>DATA PRIBADI</b><hr></td>
</tr>
<tr>
<td align="right"><font size="2"><b>Nama: </b></td>
<td><font size="2">Anggun Patriana</td>
</tr>
<td align="right"><font size="2"><b>Tempat/Taggal lahir: </b></td>
<td><font size="2">Bekasi, 07 April 1990</td>
</tr>
<td align="right"><font size="2"><b>Agama: </b></td>
<td><font size="2">Islam</td>
</tr>
<tr>
<td align="right"><font size="2"><b>Gol. Darah: </b></td>
<td><font size="2">O</b></td>
</tr>
<tr>
<td align="right"><font size="2"><b>Pekerjaan: </b></td>
<td><font size="2">Pegawai BUMN</td>
</tr>
<tr>
<td align="right"><font size="2"><b>Hobi: </b></td>
<td><font size="2">Musik</td>
</tr>
<tr>
<td colspan="2" align="center"><a href="index.php">Kembali ke halaman
utama</a></td>
</tr>
</table>
</font>
</body>
</html>

3. Membuat Halaman Kegiatan [kegiatan.php]
<html>
<head>
<title>Kegiatan Anggun Patriana</title>
</head>
<body bgcolor="#FF99FF">
<font face="verdana">
<p align="center"><font size="4"><b>Kegiatan Anggun Patriana</b><hr></p>
<center>
<table border="1" style="border-collapse: collapse" cellpadding="8"
bordercolor="black" width="80%">
<tr>
<td><img src="img/hari_kesaktian_pancasila.jpg" width="250" height="150"></td>
<td bgcolor="white"><font size="2"><p><b>Kegiatan Upacara Kesaktian Pancasila</b></p>Setiap tanggal 1 Oktober Asabri memperingati hari kesaktian pancasila.Makin banyak hal yang bisa kita lakukan bagi bangsa ini untuk bisa menjaga kesaktian pancasila. Semua persoalan bangsa ini saya rasa akan bisa lepas jika kita memaknai dan mengimplementasikan dengan dalam butir-butir pancasila. Semua sila-sila dalam pancasila menggambarkan bagaimana karakter kita yang sesungguhnya sebagai bangsa Indonesia. Semoga nilai-nilai pancasila tetap terpatri dalam diri kita.</font></td>
</tr>
<tr>
<td align="center" colspan="2"><a href="index.php">Kembali ke halaman
utama</a></td>
</tr>
</table>
</center>
</font>
</body>
</html>

4. Membuat Halaman Galery Foto [foto.php]
<html>
<head>
<title>Foto-Foto</title>
</head>
<body bgcolor="#FF99FF">
<font face="verdana">
<p align="center"><font size="4"><b>Foto-foto koleksi Anggun Patriana</b></font><hr></p>
<center>
<table border="1" style="border-collapse: collapse" width="80%" cellpadding="8"
bordercolor="black" bgcolor="white">
<tr>
<td align="center"><img src="img/fotoku.jpg" height="160" width="235"></td>
<td align="center"><img src="img/porseni2013.jpg" height="160" width="235"></td>
</tr>
<tr>
<td align="center"><font size="2">Anggun & family</font></td>
<td align="center"><font size="2">Porseni 2013 Bersama<br>Mentri BUMN Dahlan Iskan</font></td>
</table>
<p></p>
<table border="1" style="border-collapse: collapse" width="80%" cellpadding="8"
bordercolor="black" bgcolor="white">
<tr>
<td align="center"><img src="img/puncak.jpg" height="160" width="235"></td>
<td align="center"><img src="img/olrg.jpg" height="160" width="235"></td>
</tr>
<tr>
<td align="center"><font size="2">Puncak Bogor</font></td>
<td align="center"><font size="2">Jumat Olahraga</font></td>
</table>
<p><a href="index.php">Kembali ke halaman utama</a></p>
</center>
</font>
</body>
</html>
Copylah sebuah file gambar ke direktori C:\[Nama_Project_Anda]\img. Gambar ini yang akan menampilkan/mewakili kegiatan yang kita lakukan. Silahkan modifikasi kode dibawah ini sesuka anda. Karena saya yakin anda sekarang sudah paham dasar pembuatan website.
5. Membuat Link Blog Saya
<li><a href="http://anggun43ana.blogspot.com" target="_blank">Blog Saya</a></li>


6. Membuat Link Email Saya
<li><a href="mailto: anggunpatriana@yahoo.com">Email saya</a></li>


Bagaimana? Mudah bukan? Sok atuh mangga lanjutkan dan modifikasi sesuai keinginan anda. Selamat mencoba :)

Suni

10 Prinsip Kedamaian (Motivasi)

0 komentar
1. Jangan mencampuri urusan orang lain, kecuali diminta
Banyak diantara kita mempunyai masalah karena terlalu mencampuri urusan orang lain.Kita melakukannya karena yakin bahwa cara kita adalah cara terbaik, logika kita adalah logika yang sempurna dan siapapun yang tidak sesuai dengan pemikiran kita harus dikritik dan ditunjukkan arah yang benar, arah kita.Pemikiran ini menyangkal keberadaan individu dan keberadaan Tuhan. Tuhan menciptakan setiap kita dengan cara yang unik. Tidak ada dua manusia yang berpikir persis satu sama lain. Setiap pria/wanita bertindak sesuai yang mereka inginkan karena memang Tuhan membentuknya demikian. Uruslah urusan kita sendiri dan tetaplah dalam kedamaian. Jika diminta barulah kita membantu.....
2. Maafkan dan Lupakan
Ini adalah hal paling berpengaruh besar dalam kedamaian hati dan pikiran kita. Kita selalu membangun perasaan sakit hati kepada orang yang membuat gara-gara atau menyakiti kita. Kita memelihara keluhan. Pada gilirannya ini akan menyebabkan kita kurang tidur, menyebabkan sakit maag & tekanan darah tinggi. Luka ini hanya terjadi satu kali, tapi efeknya bisa berlangsung sepanjang masa karena kita selalu mengingatnya. Buanglah kebiasaan buruk ini. Hidup terlalu singkat dan terlalu berarti untuk dihabiskan dengan hal-hal seperti itu. Maafkan, Lupakan lalu bergeraklah maju. Kasih itu berkembang dari memberi dan memaafkan.
3. Jangan mengejar Pengakuan
Dunia ini penuh dengan orang egois. Mereka jarang memuji seseorang tanpa maksud tertentu. Mereka mungkin memuji anda hari ini karena anda berkuasa, tapi segera setelah anda tidak berkuasa lagi, mereka akan melupakan apa yang sudah anda raih dan mulai mencari kesalahan anda. Mengapa kita harus membunuh diri kita sendiri dengan mencari pengakuan dari orang semacam itu? Pengakuan dari mereka tidaklah layak untuk dijadikan alasan kita sakit hati. Kerjakanlah tugas kita dengan ber-etika dan tulus, tidak mengejar pengakuan
4. Jangan iri kepada orang lain
Kita semua tentunya pernah mengalami betapa rasa iri dapat mengganggu kedamaian hati dan pikiran kita. Anda mengetahui bahwa anda bekerja lebih keras dari rekan anda di kantor, tapi seringkali merekalah yang mendapatkan promosi, anda tidak. Anda memulai bisnis beberapa tahun yang lalu, tapi anda tidak sesukses tetangga sebelah yang bisnisnya baru satu tahun. Begitu banyak contoh seperti ini dalam kehidupan sehari-hari. Haruskah kita iri? Tidak, Ingatlah bahwa kehidupan seseorang ditentukan oleh Yang Maha Kuasa, yang mana sekarang sudah menjadi kenyataan. Jika kita ditentukan untuk jadi kaya, tidak ada sesuatupun di dunia yang bisa menghentikan kita. Jika kita tidak ditentukan demikian, tidak seorangpun dapat menolong kita. Tidak ada sesuatu apapun yang kita dapatkan dari menyalahkan orang lain untuk ketidak-beruntungan kita. Iri tidak membuat kita kemana-mana, rasa iri hanya membuat kita kehilangan rasa damai di hati.
Berdoalah dan memohon kepada Tuhan agar dibukakan pintu dan jalan yang baik untuk kita. Jika Tuhan sudah membuka pintu, siapakah yang dapat menutupnya?
5. Sesuaikan diri kita sesuai dengan lingkungan yang berlaku (sampai batas tertentu)
Jika kita ingin merubah lingkungan seorang diri, besar kemungkinan kita akan gagal. Sebaliknya, sesuaikanlah diri kita untuk menyesuaikan diri dengan lingkungan. Ketika melakukan ini, meskipun lingkungannya kurang bersahabat dengan kita, akan terjadi perubahan secara misterius menuju kedamaian dan lebih menyenangkan.
Ini memang tidak mudah dan mungkin menyakitkan, tapi tetaplah pada jalan kebaikan dan kebenaran, kebaikanlah yang akan menang pada akhirnya.
Tambahan: satu hal penting lainnya adalah kita harus memutuskan, apakah kita memang perlu menyesuaikan diri dengan lingkungan itu, ataukah justru meninggalkannya sama sekali kalau memang tidak sesuai dengan kebaikan dan kebenaran.
6. Bertahanlah jika belum mendapat pemulihan
Inilah cara terbaik merubah ketidak-beruntungan menjadi keuntungan. Setiap hari kita menghadapi berbagai ketidakpastian, sakit-penyakit, musibah dan kecelakaan yang diluar kendali kita. Jika kita tidak dapat mengontrol atau merubahnya, kita harus belajar untuk mengatasi berbagai hal-hal ini. Kita harus belajar untuk bertahan dengan tidak berduka. Percayalah pada diri sendiri dan kita akan memperoleh kesabaran, kekuatan batin dan iman. Dan jangan lupa berdoa, percayalah bahwa Tuhan tidak memberikan ujian melebihi kekuatan seseorang untuk menanggungnya.
7. Jangan menggigit lebih dari yang bisa kita kunyah
Ungkapan diatas sebaiknya kita ingat-ingat terus. Kita seringkali ingin menanggung tanggung jawab lebih berat dari yang bisa kita tanggung. Hal ini untuk memuaskan ego kita. Ketahuilah batas-batas kemampuan kita. Mengapa harus memuat beban tambahan yang membuat hidup tidak tenteram dan banyak kekuatiran? Kita tidak bisa mendapatkan kedamaian batin dengan memperluas kegiatan di luar diri kita. Kurangilah ikatan dengan materi, dan lebih banyaklah meluangkan waktu dalam doa, introspeksi dan meditasi. Hal ini akan mengurangi pikiran-pikiran yang membuat seakan-akan kita tidak pernah istirahat. Pikiran dan hati yang tenang akan menghasilkan pikiran dan hati yang damai.
8. Ber-meditasilah secara teratur
Meditasi menenangkan pikiran dan menyingkirkan pikiran-pikiran yang mengganggu. Ini adalah keadaan tertinggi dari kedamaian pikiran. Cobalah dan alami sendiri. Jika kita bermeditasi secara teratur setengah jam sehari, pikiran dan hati kita akan menjadi lebih tenang dalam dua puluh tiga setengah jam sisanya. Pikiran dan hati kita menjadi tidak mudah terganggu seperti sebelumnya. Kita akan makin mendapat manfaat jika kita meningkatkan waktu untuk meditasi secara teratur. Kita mungkin akan berpikir hal ini bisa mengganggu pekerjaan kita sehari-hari. Justru sebaliknya, hal ini akan meningkatkan efisiensi dan kita akan bisa memproduksi hasil yang lebih baik dalam waktu yang lebih singkat.
9. Jangan biarkan pikiran dan hati kita kosong
Pikiran dan hati yang kosong merupakan makan empuk bagi iblis. Semua aksi jahat selalu dimulai dari pikiran dan hati yang kosong. Jagalah agar pikiran dan hati kita selalu terisi dengan hal-hal positif, hal-hal yang bermanfaat. Aktiflah melakukan kesukaan kita. Mengerjakan sesuatu yang menarik bagi kita. Kadang kita harus memilih mana yang lebih kita utamakan: uang ataukah kedamaian hati. Hobby kita, kerja sosial atau pelayanan, tidak selalu menghasilkan uang bagi kita, tapi kita akan merasakan kedamaian dan kemajuan. Bahkan saat kita sedang beristirahat secara fisik, selalu lah menjaga pikiran dan hati kita dengan selalu mengingat nama Tuhan
10. Jangan menunda dan jangan pernah menyesal
Jangan membuang waktu dengan selalu bertanya-tanya �Haruskah saya atau Tidak haruskah saya?�. Berhari-hari, berbulan-bulan dan bertahun-tahun waktu mungkin terbuang untuk debat mental yang melelahkan itu. Kita tidak merencanakan dengan SEMPURNA karena kita TIDAK MUNGKIN mengantisipasi SEMUA yang akan terjadi di masa depan. Hargailah waktu yang ada dan kerjakan apa yang mungkin dilakukan saat ini. Tidak masalah jika mengalami kegagalan. Kita dapat belajar dari kegagalan itu dan meraih sukses di kesempatan berikutnya. Duduk dan berkhawatir tidak akan membuat kita kemana-mana. Belajarlah dari kesalahan kita, tapi tidak terus merenungi masa lalu.
Jangan menyesali yang sudah terjadi. Apapun yang sudah terjadi, memang sudah seharusnya terjadi seperti itu. Masa lalu tidak bisa diubah lagi, yang bisa kita lakukan adalah melakukan sesuatu untuk SAAT INI, menuju masa depan yang lebih baik.
Suni

Memahami Cewek yang Sedang PMS

0 komentar
Sumber asli : http://malesbanget.com/2011/07/memahami-cewek-yang-sedang-pms/ 

Kalo kamu sering berhubungan dengan cewek, baik itu pekerjaan maupun hubungan percintaan, maka kemungkinan kamu pernah mengalami suatu masa dimana tiba-tiba si cewek ini jadi kerjaannya marah-marah mulu dan kayaknya kamu salah mulu. Trus udahannya ntar dia bilang kalo dia lagi PMS, maka sebaiknya kamu jangan macem-macem. Emang sebenernya apa sih PMS ini? Kok rese banget?

Definisi PMS

PMS adalah kependekkan dari Premenstrual Syndrome, sebuah sindrome yang timbul ketika wanita mendekati masa datang bulannya. Gejala-gejalanya biasanya berhubungan dengan masalah fisik dan emosional. Menurut penelitian, ada sekitar 200 gejala yang dikaitkan dengan PMS, tapi biasanya gejala yang paling umum adalah badan jadi sensitif, mood yang buruk, dan jadi mudah stress.

Penyebab PMS

Tidak semua cewek mengalami PMS. Beberapa faktor yang memungkinkan seorang cewek bisa mengalami PMS adalah:
  • Suka mengkonsumsi kafein
  • Stress
  • Usia
  • Pernah mengalami depresi
  • Keluarga
  • Makanan yang dikonsumsi

Siapa yang Salah?

Dalam masa PMS, cowok 99,95% selalu menjadi pihak yang salah sementara dalam 0,05% kasus, cewek mau mengaku salah.

Yang Harus Dimengerti

1. Kamu Akan Selalu Salah Karena Kamu Melakukan atau Tidak Melakukan Sesuatu
Dalam masa PMS, hal yang kamu lakukan atau tidak lakukan bisa menjadi bumerang buat kamu. Hah gimana sih? Jadi bingung. Jangan bingung. Emang begitu adanya. Mungkin contoh akan menjelaskan maksudnya.
Contoh: 
Kasus 1: Kamu nelpon pacar kamu pas dia lagi ribet
Pacar: Halo?!
Kamu: Hai sayang lagi ngapain?
Pacar: Lagi ribet nih.
Kamu: Ribet kenapa?
Pacar: Ya kerjaan lah, apa lagi?! Emang aku pengangguran?!
Kamu: Loh, kan--
Pacar: Bikin kesel deh kamu.
Kasus 2: Kamu gak nelpon pacar kamu pas dia lagi ribet
Pacar: Lagi ngapain?
Kamu: Lagi ma--
Pacar: Kok gak nelpon aku daritadi?? Kok gak nyariin aku?!
Kamu: Loh kan kamu lagi ri--
Pacar: Aku stress banget tau gak?!?! Gak ada yang peduli sama aku!! *nangis
2. Kata-Kata Kamu Akan Disalahartikan - Dan Itu Salah Kamu
Dalam masa PMS, salah paham akan menjadi hal yang sangat lumrah. Seringkali kamu mengatakan sesuatu yang maksudnya baik, tapi si cewek akan menyalahartikannya menjadi sesuatu yang sangat salah sehingga dia marah. Kalo udah kayak gini salah siapa? Ya salah kamu dong! Kenapa kamu biarin dia menyalah-artikan kata-kata kamu?
3. Kata-Katanya Si Dia Seringkali Bukan Berarti Apa yang Dia Maksud
Masih berkaitan dengan kesalahpahaman dan sudah pernah dibahas sebelumnya. Terkadang tidak hanya cewek yang suka salah mengerti maksud kamu. Terkadang kamu yang salah mengerti maksud si cewek. Tapi mungkin ini agak sedikit berbeda kasusnya. Terkadang kamu beneran mengerti apa yang dia katakan, tapi kamu tidak menangkap apa yang dia MAKSUD. Ini bisa berakibat fatal! Bingung? Contohnya begini:
Kamu: Kamu kenapa sayang?
Pacar: Gak papa.
Kamu: Bener?
Pacar: Iya.
Kamu: OK.
Terus kamu beneran menganggap gak ada apa-apa trus besoknya berantem deh. Asik kan. Siapa suruh pacaran.
4. Kamu Tidak Akan Tahu Salah Kamu
Poin paling penting ketika kamu sedang berhadapan dengan wanita yang PMS adalah jangan menanyakan salah kamu apa, karena pada dasarnya kamu juga tidak akan mendapatkan jawaban yang memuaskan. Mengertilah bahwa pada dasarnya mereka marah sama kamu bukan karena mereka beneran marah sama kamu. Itu masalah hormon-hormon gitu deh. Gak jelas dan ngeselin sih emang, tapi katanya PMS itu beneran gak enak. Jadi yah...mungkin kamu emang harus ngertiin aja kali ya. Ntar juga baik lagi kok.
Demikianlah penjelasan MBDC tentang PMS. Semoga membantu kehidupan kamu selanjutnya. Ada yang kurang? Silakan ditambahin di comments yah.
Suni

Tawk.to