FUNGSI PROPERTY PADDING SERTA VALUENYA

Padding adalah satu dari beberapa property dalam css, sedangkan fungsi padding adalah pemberian jarak atau batas(bagian dalam) pada suatu tag/box/bidang html.

Fungsi Css Padding Menurut W3scholl Adalah

• Mendefinisikan ruang antara pembatasan elemen dan isi elemen

Fungsi Css Padding Menurut Buku Yang Saya Baca Adalah

• Pemberian jarak antara atau batas antara suatu objek dengan objek-objek yang berada di dalam objek tersebut

Fungsi Padding Menurut Saya Adalah

• Pemberian jarak bagian dalam pada suatu tag html

Terserah mau pilih mana, yang terpenting adalah kita sama-sama ngerti fungsi padding

Property Padding Antara Lain

Berikut property padding;

• Padding-top
• Padding-right
• Padding-bottom
• Padding-left
• Padding(khusus shorthand)

Sedangkan Value Dari Padding Adalah

Value padding

• Angka(pangjang) dalam px(pixel)
• %
• Em, in dan pt
• Yang paling sering saya gunakan hanya px dan %

Contoh Padding Dalam Inline Style

Berikut beberapa kode dan tampilan tag html menggunakan style padding, anggap yang berwarna hijau dan biru adalah padding

Padding-Top

Padding-top fungsinya untuk memberikan jarak dalam bagian atas

Contoh kode

<div style="background-color:lime;width:100px;clear:both;padding-top:10px;">
<div style="background-color:red;clear:both;">
a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i
</div>
<div style="clear:both;"></div>
</div>

Tampilan

a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i

Padding-Right

Padding-top fungsinya untuk memberikan jarak dalam bagian kanan
contoh kode

<div style="background-color:lime;width:100px;clear:both;padding-right:10px;">
<div style="background-color:red;clear:both;">
a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i
</div>
<div style="clear:both;"></div>
</div>

Tampilan!

a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i

Padding-Bottom

Padding-top fungsinya untuk memberikan jarak dalam bagian bawah
contoh kode

<div style="background-color:lime;width:100px;clear:both;padding-bottom:10px;">
<div style="background-color:red;clear:both;">
a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i
</div>
<div style="clear:both;"></div>
</div>

Tampilan!

a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i

Padding-Left

Padding-top fungsinya untuk memberikan jarak dalam bagian kiri
contoh kode

<div style="background-color:lime;width:100px;clear:both;padding-left:10px;">
<div style="background-color:red;clear:both;">
a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i
</div>
<div style="clear:both;"></div>
</div>

Tampilan!

a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i

Kita bisa menulis beberapa padding tapi ngga boleh ada property yang sama didalam 1 tag, id maupun class

Contoh kode

<div style="background-color:lime;width:100px;clear:both;padding-top:10px;padding-right:20px;padding-bottom:30px;padding-left:40px;">
<div style="background-color:red;clear:both;">
a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i
</div>
<div style="clear:both;"></div>
</div>

Tampilan

a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i

Shorthand Padding

Shorthand adalah teknik penulisan style css secara singkat. property padding ini juga support dengan teknik shorthand. penulisan padding dengan shorthand contohnya seperti ini

Padding:value;

Jadi dalam teknik shorthand kita tidak lagi mengenal padding-right, padding-left, padding-bottom, padding-top karena property top, right, bottom dan left sudah diwakili dengan padding

Adapaun aturanya, seperti ini

• Padding:value1;/*ini sama dengan padding-top:value1; padding-right:value1; padding-bottom:value1; padding-left:value1; memiliki nilai sama */
• Padding:value1 valaue2;/* ini sama dengan padding-top:value1; padding-bottom:value1, dan padding-right:value2; padding-left:value2; */
• Padding:value1 valaue2 valaue3;/* ini sama dengan padding-top:value1; padding-right:value2;padding-left:value2; padding-bottom:value3;*/
• Padding:value1 valaue2 valaue3 value4;/*ini sama dengan padding-top:value1; padding-right:value2; padding-bottom:value3;padding-left:value4;*/

Dari pada bingung lihat contoh dibawah!

Padding:value1;

Misal kita mengisi value1=10px, maka sama dengan

Padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;

Contoh code

<div style="background-color:blue;width:100px;clear:both;padding:10px;">
<div style="background-color:yellow;clear:both;">
a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i
</div>
<div style="clear:both;"></div>
</div>

Tampilan

a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i

Padding: Value1 Value2;

Misal value1=10px dan value2=20px, maka sama dengan

Padding-top:10px;
padding-right:20px;
padding-bottom:10px;
padding-left:20px;

Contoh code

<div style="background-color:blue;width:100px;clear:both;padding:10px 20px;">
<div style="background-color:yellow;clear:both;">
a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i
</div>
<div style="clear:both;"></div>
</div>

Tampilan

a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i

Padding: Value1 Value2 Value3;

Misal value1=10px, value2=20px dan value3=30px, maka sama dengan

Padding-top:10px;
padding-right:20px;
padding-bottom:30px;
padding-left:20px;

Contoh code

<div style="background-color:blue;width:100px;clear:both;padding:10px 20px 30px;">
<div style="background-color:yellow;clear:both;">
a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i
</div>
<div style="clear:both;"></div>
</div>

Tampilan

a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i

Padding: Value1 Value2 Value3 Value4;

Misal value1=10px, value2=20px, value3=30px dan value4, maka sama dengan

Padding-top:10px;
padding-right:20px;
padding-bottom:30px;
padding-left:40px;

Contoh code

<div style="background-color:blue;width:100px;clear:both;padding:10px 20px 30px 40px;">
<div style="background-color:yellow;clear:both;">
a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i
</div>
<div style="clear:both;"></div>
</div>

Tampilan

a n g g a p
d i s i n i
a d a l a h
k o n t e n t / i s i

Padding Dalam Internal Style

Pada contoh diatas, kita mempraktekanya dalam inline style. untuk code penerapan dalam internal style, sebagai berikut

<html>
<head>
<title>padding css</title>
<style type="text/css">
p{margin:0;/**/padding:0;/**/background-color:red;/**/}
#misalpadding1{
padding-top:20px;/*pemberian padding/lapisan/jarak-dalam atas sebesar 20px*/
}
#misalpadding2{
padding-right:30px;/*pemberian padding/lapisan/jarak-dalam kanan sebesar 30px*/
}
#misalpadding3{
padding-bottom:40px;/*pemberian padding/lapisan/jarak-dalam bawah sebesar 40px*/
}
#misalpadding4{
padding-left:50px;/*pemberian padding/lapisan/jarak-dalam kiri sebesar 50px*/
}
#misalpadding5{
padding-top:20px;/*pemberian padding/lapisan/jarak-dalam atas sebesar 20px*/
padding-right:0;/*pemberian padding/lapisan/jarak-dalam kanan sebesar 0*/
padding-bottom:30px;/*pemberian padding/lapisan/jarak-dalam bawah sebesar 30px*/
padding-left:50px;/*pemberian padding/lapisan/jarak-dalam kiri sebesar 50px*/
}
#misalpadding6{
padding:20px;/*masing-masing diberi nilai 20px*/
}
#misalpadding7{
padding:20px 50px;/*atas bawah sebesar 20p,kiri kanan sebesar 50px*/
}
#misalpadding8{
padding:10px 50px 80px;/* atas 10px, kiri-kanan 50px, bawah 80px*/
}
#misalpadding9{
padding:20px 30px 40px 50px;/*atas 10px, kanan 20px, bawah 30px, kiri 50px, arah nilai sesuai putaran jarum jam, dimulai dari atas!*/
}
.anggapsebagaikotak{
clear:both;/**/
margin-bottom:40px;/**/
background-color:blue;/**/
}
</style>
</head>
<body>
<div class="anggapsebagaikotak" id="misalpadding1">
<p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p>
</div>
<!--//end salam www.indaam.com-->
<div class="anggapsebagaikotak" id="misalpadding2">
<p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p>
</div>
<!--//end salam www.indaam.com-->
<div class="anggapsebagaikotak" id="misalpadding3">
<p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p>
</div>
<!--//end salam www.indaam.com-->
<div class="anggapsebagaikotak" id="misalpadding4">
<p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p>
</div>
<!--//end salam www.indaam.com-->
<div class="anggapsebagaikotak" id="misalpadding5">
<p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p>
</div>
<!--//end salam www.indaam.com-->
<div class="anggapsebagaikotak" id="misalpadding6">
<p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p>
</div>
<!--//end salam www.indaam.com-->
<div class="anggapsebagaikotak" id="misalpadding7">
<p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p>
</div>
<!--//end salam www.indaam.com-->
<div class="anggapsebagaikotak" id="misalpadding8">
<p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p>
</div>
<!--//end salam www.indaam.com-->
<div class="anggapsebagaikotak" id="misalpadding9">
<p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p><p>diisi text atau content</p>
</div>
<!--//end salam www.indaam.com-->
</body>
</html>

Untuk melihat hasilnya

• Copy markup style diatas
• Paste ke notepad
• Save as (pilih all types) dengan nama paddingcss.htm
• Jalankan(double click), atau
• Open with (firefox, ie, opera, safari, chrome)
• Silakan edit valuenya
• Selamat belajar

Khusus valuenya, saya lebih sering menggunakan px atau % sedangkan pt, em ngga pernah
semoga bermafaat

[Read More...]

Software gratis editor css

Simple CSS

Simple CSS Sangat mudah digunakan dengan visual yang lumayan lengkap. Aplikasi ini bisa dijalankan di sistem operasi windows dan mac. Download Simple CSS

TS Webeditor (tswebeditor)

Aplikasi ini mendukung 20 lebih bahasa pemrograman desktop seperti pascal, foxpro, java dan juga dapat digunakan untuk pemrograman web seperti HTML, PHP, javascript dll termasuk css. Dengan visual pewarnaan perintah sesuai bahasa pemrograman memberikan lebih kemudahan dan cukup ringan dijalankan dikomputer maupun laptop. Selain itu yang sangat membantu adalah fasilitas auto complete sehingga kita tidak perlu menuliskan kodes secara keseluruhan.
Untuk melihat fitur lengkapnya silahkan klik disini, dan untuk mendownload silahkan klik disini.

A Style CSS Editor

Yang ini juga bisa anda coba, memiliki fitur sederhana, ukuran file sangat kecil tapi sangat memudahkan dalam penulisan css. Untuk mendownloadnya silahkan klik disini.

TopStyle Lite

Yang ini juga recomended dilengkapi dengan pustaka css yang dapat mendeteksi kompatibel tidaknya kode css yang kita buat. Dilengkapi dengan auto complete dan pewarnaan perintah yang sangat jelas. Silahkan anda download disini.
Kembali ke anda sendiri tinggal pilih mana yang kira-kira membantu pekerjaan anda  dalam membuat desain web dengan css.
Semoga bermanfaat

[Read More...]

Membuat form login dengan css

Membuat form login dengan css tidaklah susah hanya perlu beberapa menit untuk menyusun kode cssnya karena isian form yang dibuat hanya username, password dan tombol loginya. Beda kalau kita membuat form dengan css untuk keperluan yang lengkap seperti form pendaftaran yang pasti isiannya cukup merepotkan. Sekarang saya akan berbagi tentang cara membuat form login dengan css.
Banyak variasi form login css yang bisa kita buat, baik nanti beda warna, posisi maupun ataupun gambar latarnya. Langkah pertama adalah membuat susunan kode form html ditempatkan dibagian dalam <body>...</bodu>, lihat kode berikut :

<div id="form-login">
<form id="FLogin" name="FLogin" method="post" action="">
<h1>Login Member</h1>
  <label>Username </label> : <input name="username" type="text" id="username" size="20" maxlength="20" class="txt" /><br />
  <label>Password </label> : <input name="password" type="password" id="password" size="20" maxlength="20" class="txt" />
  <div id="tombol"><input name="btnLogin" type="submit" value="Login" class="button" /><input name="btnLogin" type="reset" value="Reset" class="button" /></div>
</form>
</div>

kemudian kita buat kode css agar semua objek yang ada pada form disesuikan posisi serta pewarnaanya. letakkan css dalam file css yang sudah ada atau letakkan di bagian dalam <head>..</head>.

div#form-login {
width:400px; margin:0 auto;
padding:20px; background-color:#009900;
border-radius:15px; -moz-border-radius:15px; 
-webkit-border-radius:15px;border:1px solid #666;
text-align:center;font-size: small;
font-family: "Lucida Grande","Lucida Sans Unicode", Tahoma, sans-serif;
letter-spacing: .01em;
color:#009900;
}
div#form-login form { 
margin:0;padding:0;border-radius:15px; -moz-border-radius:15px; 
-webkit-border-radius:15px;border:1px solid #666;
background-color:#E7FCD8;
-webkit-box-shadow: rgba(0,0,0,0.25) 5px 5px 10px;
-moz-box-shadow: rgba(0,0,0,0.25) 5px 5px 10px;
box-shadow: rgba(0,0,0,0.25) 5px 5px 10px;
}
div#form-login form label { float:left; width:120px;}
div#form-login form .txt { padding:3px;margin:3px;}
div#form-login h1 { font:20px "Trebuchet MS"; border-bottom:1px dotted #009900;padding:5px;margin:10px;}
div#tombol { clear:both;padding:10px;}
.button{ box-shadow: rgba(0,0,0,0.1) 0px 1px 1px;padding:3px 20px; }
.button:hover,.button:focus{
color: #000; -webkit-box-shadow: rgba(0,0,0,0.25) 1px 1px 3px; 
-moz-box-shadow: rgba(0,0,0,0.25) 1px 1px 3px; box-shadow: rgba(0,0,0,0.25) 1px 1px 3px;
}
</style>

Selesai, tinggal kita lihat hasilnya berikut..

Contoh langkah membuat form login dengan css diatas hanya tampilanya saja, untuk script php proses loginnya saya akan bahas berikut ini :

Membuat tabel mysql untuk login

Asumsi saya anda sudah memiliki sebuah database jadi tinggal menambahkan loginnya saja. Berikut ini rancangan susunan tabel untuk login :
Nama tabel : tb_pengguna
Field tabel :

1. username tipe varchar (20) primary key
2. password tipe varchar (255)
3. nama tipe varchar (30)
4. login_terakhir datetime

susunan query untuk membuat tabel pengguna

CREATE TABLE `db_datamhs`.`tb_pengguna` (
`username` VARCHAR( 20 ) NOT NULL ,
`password` VARCHAR( 255 ) NOT NULL ,
`nama` VARCHAR( 30 ) NOT NULL ,
`login_terakhir` DATETIME NOT NULL ,
PRIMARY KEY ( `username` )
) ENGINE = MYISAM ;

dan hasil view struktur tabelnya seperti gambar berikut :

Menyisipkan data awal pengguna

Kemudian untuk simulasi ini saya input data awal secara manual melalui phpmyadmin (nanti kalo sudah ada adminnya baru dibuatkan menu untuk mengelola pengguna). Menambahnya bisa langsung tekan menu insert pada bagian atas informasi tabel pada phpmyadmin, seperti gambar :

atau dengan susunan query :

INSERT INTO `db_datamhs`.`tb_pengguna` (
`username`,`password`,`nama`,`login_terakhir`
) VALUES ('admin', MD5( '12345' ) , 'Nama Admin', '2012-08-08 23:49:35');

Dalam tabel pengguna saya tambahkan user dengan password MD5(`12345`), ini maksudnya nanti password akan disimpan dalam mode algoritma sistem acak md5(Message-Digest algorithm 5) sehingga password tidak tersimpan dalam bentuk aslinya `12345' tapi dikodekan khusus dalam 128-bit.
Pada tabel juga saya tambahkan field login_terakhir yang nanti digunakan sebagai tempat mencatat tanggal dan jam login terakhir.
Setelah tabel selesai dan sudah ada 1 user ditambahkan kita buat proses loginnya.

Membuat script login dengan PHP

Pertama kita buat koneksi database dulu seperti berikut, jika sudah ada lewati :

<?php
    ob_start();
    session_start();
    $dbserver="localhost";
    $dbusername="root";
    $dbpassword="";
    $dbname="nama_database";
    mysql_connect($dbserver,$dbusername,$dbpassword) or die(mysql_error());
    mysql_select_db($dbname) or die (mysql_error());
?>

Pada bagian form <form id="FLogin" name="FLogin" method="post" action="">, sengaja action saya buat tanpa nilai, ini artinya form akan diproses pada file itu sendiri. Jadi proses login kita sisipkan pada halaman yang sama.
Koneksi sudah sekarang kita akan modif halaman loginnya dengan menambahkan kode berikut pada baris paling atas :
(Ingat jika anda sudah punya koneksi, jangan lupa tambahkan ob_start() dan session_start() agar sistem penyimpanan informasi login bisa bekerja pada semua halaman). Jika koneksi sudah ada lewati ini.

<?php
    include("koneksi.php");
?>

Kemudian tambahkan lagi pada bagian setelah <body> sebelum form tadi :

<?php
//Penangganan login jika form diisi
if(isset($_POST['username']) && isset($_POST['password']))
{
   //cek isian
   if(!empty($_POST['username']) && !empty($_POST['password']))
   {
     $username=htmlspecialchars(stripslashes($_POST['username']));
     $password=md5(htmlspecialchars(stripslashes($_POST['password'])));
     $myquery="select username,nama,DATE_FORMAT(login_terakhir, '%d-%m-%Y %H:%i:%s') as login_terakhir from tb_pengguna where username='$username' and password='$password' limit 1";
     $result=mysql_query($myquery) or die (mysql_error());
     if (mysql_num_rows($result) == 1) 
     {
 //jika username dan password cocok
 $pengguna=mysql_fetch_object($result);
 $_SESSION['login']=true;
 $_SESSION['username']=$pengguna->username;
 $_SESSION['nama']=$pengguna->nama;
 $_SESSION['login_terakhir']=$pengguna->login_terakhir;
        mysql_query("update tb_pengguna set login_terakhir=NOW() where username='$username' limit 1") or die("Gagal memperbaharui terakhir login");
 header("location:index.php"); //ini disesuaikan tujuan halaman setelah login berhasil
      } else {
 //jika username dan password tidak cocok
 echo "<h1 align=\"center\">Username atau password salah!</h1>";
      }
   } else {
      //jika form kosong munculkan pesan
      echo "<h1 align=\"center\">Isikan username dan password!</h1>";
    }
} 
?>

Setelah itu, pastikan semua halaman yang anda ingin proteksi dengan password sudah ditambahkan kode berikut pada setiap awal bagian atas halaman :

<?php

include("koneksi.php");
if(!isset($_SESSION['login'])) {
    header("location:login.php"); //ini diisi dengan nama file halaman login
}
?>

Kode diatas tujuannya adalah, memindah ke halaman login jika status login belum ada (belum login).

Semoga bermanfaat, jika ada pertanyaan silahkan kirimkan melalui komentar dibawah.

[Read More...]

Membuat Form Registrasi Menggunakan HTML 5 dan CSS3

Seperti kita ketahui bersama HTML 5 memberikan kita kemudahan tampilan baik, dan saat ini penulis coba memberikan salah satunya, seperti yang coba penulis buat adalah membuat form registrasi dengan html 5 dan css3 yang biasanya form yang yang satu ini biasa menggunakan javascripts tapi untuk kali ini penulis coba membuat variasi berbeda. 

Berikut ini tampilan dari form tersebut :


HTML

<form action="" method="post">
   <div id='name' class='outerDiv'>
	<label for="name">Full name:</label>
	<input type="text" name="name" required  />
	<div class='message' id='nameDiv'> Enter your 
        first and last name. </div>
   </div>
   <div id='username' class='outerDiv'>
	<label for="number">Username:</label>
	<input type="text" name="username" required  />
	<div class='message' id='usernameDiv'> Pick a 
         unique name on Twitter. </div>
   </div>
   <div id='password' class='outerDiv'>
	<label for="password">Password:</label>
	<input type="password" name="password" required />
	<div class='message' id='websiteDiv'>6 characters 
        or more (be tricky!).</div>
   </div>
   <div id='email' class='outerDiv'>
	<label for="email">Email:</label>
	<input type="email" name="email" required />
	<div class='message' id='emailDiv'> We'll send 
         you a confirmation.</div>
   </div>
   <div id='submit' class='outerDiv'>
        <input type="submit" value="Create my account" />
   </div>
 </form>

CSS

#twitter input:not(:focus){
	opacity:0.6;
}

#twitter  input:required{
}

#twitter  input:valid {
	opacity:0.8;
}		

#twitter input:focus:invalid{
	border:1px solid red;
	background-color:#FFEFF0;
}

Berikut ini untuk mengdownload versi lengkap program tersebut disini dan penulis ingin mengucapkan ke nikesh.me atas informasi penting ini

[Read More...]

Download Ebook Dasar-dasar CSS

Download ebook CSS - Cascading Style Sheet alias CSS adalah salah satu bahasa pemrogaman web yang diselipkan diantara tag-tag HTML, yang berfungsi untuk mengendalikan beberapa komponen dan mempercantik tampilan suatu web sehingga lebih terstruktur dan enak dipandang.

Kali ini saya akan berbagi Ebook Dasar-dasar CSS Bahasa Indonesia yang mudah dipelajari oleh seorang pemula. Bagi Anda yang masih baru ingin belajar Desain Web dan belum bisa atau kurang mahir HTML, Anda bisa download ebook HTML disini Download Ebook Dasar-dasar Design Web.

Disini ada 3 buah Ebook CSS yang saya share, cukup untuk mengasah kemampuan dasar CSS Anda. Dan berikut ketiga Ebook Dasar-dasar CSS nya

1. Ebook Dasar-dasar CSS 1
   
   Ebook Dasar-dasar CSS yang pertama ini tidak mempunyai judul :D . Pas saya kunjungi alamat yang tertera pada sampul awal tersebut, blognya pun tidak ditemukan. Namun ada kalimat "taken from rosihanari.net" pada awal ebook. Sepertinya si pembuat ebooknya ini mengambil tutorialnya yang ada di  rosihanari.net dan menyimpannya dalam format PDF, tapi ketika saya cek tutorial yang ada disana link tutorialnya sudah broken semua. Oke, langsung download saja  Ebook Dasar-dasar CSS yang pertama 
   DOWNLOAD
2. XHTML dan Dasar-dasar CSS
   
   Ebook yang kedua ini ditulis oleh Rosa Ariani Sukamto, selain CSS disini juga dibahas sedikit mengenai XHTML. Silahkan di download Ebook Dasar-dasar CSS yang kedua
   DOWNLOAD

Silahkan dinikmati ketiga Ebook Dasar-dasar CSS tersebut, jangan lupa saling berbagi dengan share artikel ini. :) Kalau ada yang ingin ditanyakan atau ada link download yang rusak silahkan berkomentar di bawah.

Terima kasih ^_^

[Read More...]