Portal Informasi Seputar Gaya Hidup Remaja Saat Ini Berbasis Website

(1)

L

A

M

P

I

R

A

(2)

LAMPIRAN

Listing Program

Index.php

<html> <?php

ini_set('display_errors',0); include "koneksi.php";

?> <head>

<title>Young and Free</title>

</head> <body>

<div class="picture"><h1>YOUNG AND FREE</h1></div> <div class="menu"><nav>

<li class="active"><a href="">Timeline</a></li> <li><a href="news.php">News</a></li>

<li><a href="music.php">Music</a></li> <li><a href="movie.php">Movie</a></li>

<li><a href="contact.php">Contact</a></li></nav> </div></div>

<div class="cari"><h2>Timeline</h2><div class="form-cari"> <form id="cari" action="" method="post">

<div class="content"><table class="table1"> <?php

$inputan_cari=@$_POST['inputan_cari']; $cari_data=@$_POST['cari_data'];

$batas = 5;

$pg = isset( $_GET['pg'] ) ? $_GET['pg'] : ""; if ( empty( $pg ) ) {

$posisi = 0; $pg = 1;} else {

$posisi = ( $pg - 1 ) * $batas;} if($cari_data){

if($inputan_cari !=""){

$sql=mysql_query("select * from news where title like'%$inputan_cari%' or category like '%$inputan_cari%' limit $posisi, $batas") or die (mysql_error());}

Else{ $sql=mysql_query("select * from news limit $posisi, $batas") or die (mysql_error());}}

else{

$sql=mysql_query("select * from news limit $posisi, $batas") or die (mysql_error());}

(3)

if($cek < 1){?> <tr>

<td colspan="7" align="center" >Data tidak ditemukan</td></tr>

<?php } else{

while($data = mysql_fetch_array($sql)){?> <tr style="background:#e6e6e6;">

<tr>

<td colspan="2" align="left" style="border-top: 2px dotted #aaa;border-bottom: 2px dotted #aaa; "><p>Diterbitkan oleh: <?php echo $data ['name']; ?> - <?php echo $data ['date']; ?></p></td></tr>

<tr>

<td style= align="left" rowspan="3"><img style="width:350px;margin-bottom: 10px;padding-right: 10px;padding-top: 5px;" src="picture/news/<?php echo $data ['picture']; ?>" width="400px " ></td>

<td><a href="detail-news.php?kddata=<?php echo $data ['id']; ?>"><button>Readmore</button></a></td></tr>

<tr>

<p style="float:right;text-decoration: none;"><?php

$jml_data = mysql_num_rows(mysql_query("SELECT * FROM `news`"));

$JmlHalaman = ceil($jml_data/$batas); if ( $pg > 1 ) {

$link = $pg-1;

$prev = "<a href='?pg=$link'><button class='n'>Prev</button></a>";}

else {

$prev = "<button class='m'>Prev</button>";} $nmr = '';

for ( $i = 1; $i<= $JmlHalaman; $i++ ){ if ( $i == $pg ) {

$nmr .= $i . " ";} else {

$nmr .= "<a href='?pg=$i'>$i</a> ";}} if ( $pg < $JmlHalaman ) {

$link = $pg + 1;

$next = " <a href='?pg=$link'><button class='n'>Next</button></a>";}

else {

$next = " <button class='m'>Next</button>";} echo $prev . $next;

?></p></td></tr></table> <div class="sidebar">

<h4>Read Also</h4> <ul type="square"> <?php

(4)

$ambil_recent = mysql_query("select id,title,date from news order by rand() limit 10");

while($hasil_recent= mysql_fetch_array($ambil_recent)){ ?> <li><a href="detail-news.php?kddata=<?php echo $hasil_recent['id']; ?>"><?php echo $hasil_recent['title'] ?></a></li>

<?php } ?></ul></div></div> <div class="clear"> </div> <div class="footer">

<p>copyright @2017</p> </div>

</body> </html>

Koneksi.php

<?php

mysql_connect("localhost","root",""); mysql_select_db("ynf");

?>

Contact.php

<body>

<li><a href="index.php">Timeline</a></li> <li><a href="news.php">News</a></li> <li><a href="music.php">Music</a></li> <li><a href="movie.php">Movie</a></li>

<li class="active"><a href="contact.php">Contact</a></li></nav>

</div></div>

<div class="box-a"><p>Contact</p><br> <table><tr><td>Addres</td><td>:</td>

<td>Medan,Indonesia</td></tr>

<tr><td>Phone</td><td>:</td><td>080012345678</td></tr> <tr><td>Email</td><td>:</td><td>youngandfree@outlook.com</td ></tr>

</a> <a href="twitter.com">

(5)

<form action="system/action-comment.php" method="POST"><table> <tr><td><p>Give your comment to make me great</p></td></tr> <tr><td><br></td></tr>

</tr>

<div class="clear"></div><div class="footer"><p>copyright @2017</p></div></div></body></html>

Detail-news.php

<html><?php ini_set('display_errors',0); include "koneksi.php";?> <head><title>Young and Free</title>

<li><a href="index.php">Timeline</a></li> <li><a href="news.php">News</a></li> <li><a href="music.php">Music</a></li> <li><a href="movie.php">Movie</a></li>

<li><a href="contact.php">Contact</a></li></nav></div> </div>

<div class="content"><div class="berita"> <?php include "koneksi.php";

$kddata = $_GET['kddata'];

$ambil_data = mysql_query("select * from news where id='$kddata'");

$hasil_data = mysql_fetch_array($ambil_data); ?> <div class="paragraphs">

<div class="span12 well"> <img class="img-polaroid" src="picture/news/<?=$hasil_data['picture'];?>"

style="width:250px; height: 200px; float:left; margin-right:10px;"/>

<div class="content-info"><p>Diterbitkan oleh: <?=$hasil_data['name'];?> <?=$hasil_data['date'];?></p><br></div>

<div class="footer"><p>copyright @2017</p></div></body> </html>

Movie.php

(6)

href="style.css">

</head> <body> <div class="wrapper"> <div class="header"> <div class="picture"><h1>YOUNG AND FREE</h1></div>

<li><a href="index.php">Timeline</a></li> <li><a href="news.php">News</a></li> <li ><a href="music.php">Music</a></li>

<li class="active"><a href="movie.php">Movie</a></li> <li><a href="contact.php">Contact</a></li> </nav> </div> </div> <div class="content"> <div class="cari">

<h2>Movie</h2> <div class="form-cari"> <form id="cari" action="" method="post"> <input class="input_cari" type="text" name=inputan_cari placeholder="Cari Judul"></input> <input class="btn_cari" type="submit" name=cari_data value="search"> </input> </form> </div> </div>

<?php $inputan_cari=@$_POST['inputan_cari'];

$cari_data=@$_POST['cari_data']; $batas = 5; $pg = isset( $_GET['pg'] ) ? $_GET['pg'] : ""; if ( empty( $pg ) ) { $posisi = 0; $pg = 1; } else { $posisi = ( $pg - 1 ) * $batas; }

if($cari_data){ if($inputan_cari !=""){

$sql=mysql_query("select * from news where title like'%$inputan_cari%' or category like '%$inputan_cari%' limit $posisi, $batas") or die (mysql_error()); }

else{ $sql=mysql_query("select * from news where category='movie' limit $posisi, $batas") or die (mysql_error()); } }

else{ $sql=mysql_query("select * from news where category='movie' limit $posisi, $batas") or die (mysql_error()); } $cek =mysql_num_rows($sql); if($cek < 1){

?> <tr> <td colspan="2" align="center" >Data tidak ditemukan</td> </tr>

<?php } else{ while($data = mysql_fetch_array($sql)){

?> <tr style="background:#e6e6e6;"> <td colspan="2" style=" margin-top: 50px;"align="left"><h3><?php echo $data ['title']; ?></h3></td> </tr> <tr>

<td colspan="2" align="left" style="border-top: 2px dotted #aaa;border-bottom: 2px dotted #aaa; "><p>Diterbitkan oleh: <?php echo $data ['name']; ?> - <?php echo $data ['date']; ?></p></td> </tr>

<tr> <td style= align="left" rowspan="3"><img style="width:350px;margin-bottom: 10px;padding-right: 10px;padding-top: 5px;" src="picture/news/<?php echo $data ['picture']; ?>" width="400px " ></td>

<td><?php echo substr($data['news'], 0,300); ?>....</td> </tr> <tr> <td><a href="detail-news.php?kddata=<?php echo $data ['id']; ?>"><button>Readmore</button></a></td> </tr>

<?php } } ?> <tr> <td class="next" colspan="2"> <p style="float:right"><?php

$jml_data = mysql_num_rows(mysql_query("SELECT * FROM `news`"));

$JmlHalaman = ceil($jml_data/$batas);

if ( $pg > 1 ) { $link = $pg-1; $prev = "<a href='?pg=$link'><button class='n'>Prev</button></a>"; }

(7)

$nmr = ''; for ( $i = 1; $i<= $JmlHalaman; $i++ ){ if ( $i == $pg ) { $nmr .= $i . " "; }

else { $nmr .= "<a href='?pg=$i'>$i</a> "; } }

if ( $pg < $JmlHalaman ) { $link = $pg + 1; $next = " <a href='?pg=$link'><button class='n'>Next</button></a>"; }

else { $next = " <button class='m'>Next</button>"; } echo $prev . $next; ?></p> </td> </tr> </table> </div>

<div class="clear"></div> <div class="footer"> <p>copyright @2017</p> </div> </body> </html>

Music.php

else{ $sql=mysql_query("select * from news where category='music' limit $posisi, $batas") or die (mysql_error()); } }

News.php

else{ $sql=mysql_query("select * from news where category='news' limit $posisi, $batas") or die (mysql_error()); } }

Style.css

@import url('https://fonts.googleapis.com/css?family=Roboto'); @import

url('https://fonts.googleapis.com/css?family=Permanent+Marker'); *{

padding: 0; margin: 0;

font-family: 'Roboto', sans-serif; }

.wrapper{

width: 100%; }

.header{

width: 100%; height: 100%; }

h1{

color: #999999;

letter-spacing: 10px; padding-left: 35%; padding-right: 20%; padding-top: 20%;

font-family: 'Permanent Marker', cursive; }

.header .picture{ width: 100%; height: 90%;

background-image: url("picture/tumblr3.png"); }

.header .menu{ width: 100%; height: 10%;

background: #000000; }

.menu nav{

(8)

.menu li{

float: left; list-style: none; margin-left: 12%; margin-top: 1.5%; }

.menu li a{

color: #999999;

text-decoration: none; font-size: 20px;

}

.menu li a:hover{ color: #d65cad; }

.menu li.active a{ color: #d65cad }

.content{

width: 100%; }

.content-1{

width: 100%; height: 90%; }

.content-1 ul.c{

list-style: none; padding-top: 10%; margin-left: 15.5%; }

.content-1 ul.c li{ float: left; margin-left: 5%; }

.content-1 .box-a{

margin-right: 20%; margin-top: 10%; }

.content-1 .box-a img{ width: 50px; height: 50px; margin-right: 3%; }

.content-1 .line-c{ width: 3; height: 45%;

background: #000000; margin-top: 15%; }

.content-1 .box-b{ margin-left: 5%; margin-top: 3%; }

.content-1 .box-b table{ width: 500px; height: 40%; }

.content-1 .box-b table input[type=text]{ width: 60%;

(9)

background: #000000; color: white;

border-color: #999999; border-radius: 5px; border: 1px;

border-style: solid; font-size: 18px; }

.content-1 .box-b table textarea{ width: 60%;

border-style: solid; }

.content-1 .box-b table input[type=submit]{ width: 60%;

height: 40px;

border-style: solid; }

.content-1 .box-b table input[type=submit]:hover{ background: #999999;

} .cari{

width: 100%; height: 10%;

.cari h2{

margin-left: 2%; padding-top: 1.5%; position: absolute; color: white;

}

.cari .form-cari{

margin-top: 1.5%; float: right; margin-right: 2%; }

.cari .form-cari input[type=text]{ width: 300px;

height: 50%;

border-radius: 2px; border: 1px;

border-style: solid; border-color: #8c8c8c; }

.cari .form-cari input[type=submit]{ width: 50px;

height: 50%;

(10)

border-style: solid; border-color: #8c8c8c; background: #d65cad; color: white;

}

.cari .form-cari input[type=submit]:hover{ background: #db70b8;

}

.content table.table1{ width: 75%; margin-top: 2%; margin-left: 2%; padding-bottom: 10%; float: left;

position: relative; }

.content table.table1 h3{

text-transform: uppercase; font-size: 18px;

}

.content table.table1 p{ font-size: 15px; }

.content table.table1 tr td.next p a button.n{ width: 80px;

height: 40px;

text-decoration: none; color: #ffff;

background: #999999; border-radius: 5px; border: 1px;

.content table.table1 tr td.next p a button.n:hover{ background: #db70b8;

}

.content table.table1 tr td.next p button.m{ width: 80px;

height: 40px;

.content table.table1 tr td a button{ width: 20%;

height: 40px;

background: #d65cad; border: 1px;

border-style: solid; border-color: #8c8c8c; background: #d65cad; color: #ffff;

(11)

.content table.table1 tr td a button:hover{ background: #db70b8;

}

.content table.table2{ width: 75%; margin-top: 2%; margin-left: 2%; padding-bottom: 10%; }

.content table.table2 h3{

text-transform: uppercase; font-size: 18px;

}

.content table.table2 p{ font-size: 15px; }

.content table.table2 tr td.next p a button.n{ width: 80px;

height: 40px;

.content table.table2 tr td.next p a button.n:hover{ background: #db70b8;

}

.content table.table2 tr td.next p button.m{ width: 80px;

height: 40px;

.content table.table2 tr td a button{ width: 20%;

height: 40px;

background: #d65cad; border: 1px;

border-style: solid; border-color: #8c8c8c; background: #d65cad; color: #ffff;

border-radius: 5px; }

.content table.table2 tr td a button:hover{ background: #db70b8;

}

(12)

margin-left: 5%; }

.content .berita .content-heading{ width: 100%;

background:#d9d9d9; }

.content .berita .content-info{ width: 60%;

height: 3%;

background:#000000; color: #999999; }

.content .berita .paragraphs{ background: #e6e6e6; padding-left: 1%; padding-right: 1%; padding-top: 1%; padding-bottom: 1%; letter-spacing: -1px; }

/* .content .berita .paragraphs h3{ font-size: 30px;

}*/

.content .berita .paragraphs p{ font-size: 18px;

}

.content .sidebar{ width: 20%;

background: #f2f2f2; position: relative; margin-top: 2%; padding-top: 1%; padding-bottom: 3%; padding-left: 2%; float: right; }

.content .sidebar ul{ margin-left: 5%; margin-top: 5%; }

.content .sidebar ul li a{ text-decoration: none; color: black;

}

.content .sidebar ul li a:hover{ color: #b92d8c;

}

.content .sidebar h4{ margin-left: -5%; }

.clear{

clear: both; }

.footer{

background: black; }

(13)

text-align: center; color: white;

padding-top: 2%; }

Admin/home.php

<?php

session_start();

ini_set('display_errors',0);

if (empty($_SESSION['username'])) { header("location: index.php");} ?> <html> <head>

</head> <body>

<div class="wrapper-1"> <div class="header"> <h1>YOUNG and FREE</h1><p>administrator</p>

<nav> <li> <a href="Logout.php">LOGOUT</a> </li> </nav> </div> <div class="content"> <div class="menu">

<nav> <li class="active"> <a href="home.php"> <img style="width:13.5px;height:13.5px" src="../picture/home.png"> Home </a> </li> <li> <a href="data.php"><img style="width:13.5px;height:13.5px" src="../picture/data.png"> Data</a> </li> <li><a href="tambah-data.php"><img style="width:13.5px;height:13.5px" src="../picture/new.png"> Create New Data </a> </li> <li> <a href="manajemen-admin.php"> <img style="width:13.5px;height:13.5px" src="../picture/admin.png"> Manajemen admin </a> </li> <li> <a href="comment.php"> <img style="width:13.5px;height:13.5px" src="../picture/comments.png"> Comment </a> </li> </nav> </div> <div class="draft-h">

<p><?php echo"Selamat Datang ".$_SESSION['username']; ?></p> <h2>Profil Admin</h2> <table> <?php

include 'koneksi.php';

$code = $_SESSION['username'];

$sql = mysql_query("SELECT * FROM `admin` WHERE username='$code'");

while ($exe = mysql_fetch_array($sql)){ ?>

<td class="i">:</td> <td class="n"><p><?php echo $exe['first_name']; ?> <?php echo $exe['last_name']; ?></p></td> </tr> <tr> <td class="m"><p>username</p></td>

<tr style="background:#d9d9d9"> <td class="m"><p>email</p></td> <td class="i">:</td>

<td class="n"><p><?php echo $exe['email'] ?></p></td></tr> <tr> <td class="m"><p>address</p></td>

(14)

<td class="m"><p>gender</p></td> <td class="i">:</td>

<tr>

<td class="b" colspan="4"><a href="setting.php?id=<?php echo $exe['username']; ?>"><div class="button"><p><img style="width:10px;height:10px"

src="../picture/setting.png">setting account</p></div></a></td> </tr> <?php } ?>

</table> </div> </div> </div> </body> </html>

Admin/index.php

<body>

<img src="../picture/young.jpg"> <h2>YOUNG and FREE</h2>

<p>Login</p> <table>

<form action="system-login.php" method="POST"> <tr> <td><p class="x">Username</p></td> </tr>

<tr> <td><p class="x">Password</p></td> </tr>

Admin/koneksi.php

<?php

mysql_connect("localhost","root",""); mysql_select_db("ynf");

?>

Admin/manajemen-admin.php

<?php

session_start(); ini_set('display_errors',0); if (empty($_SESSION['username'])) {

header("location: index.php"); } ?>

(15)

src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript"

src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <script type="text/javascript">

$(function() { $( "#input" ).datepicker({ changeMonth: true, changeYear: true }); }); </script></head>

<body> <div class="wrapper-1"> <div class="header"> <h1>YOUNG and FREE</h1><p>administrator</p> <nav>

<li> <a href="Logout.php">LOGOUT</a> </li> </nav> </div>

<div class="content"> <div class="menu"> <nav> <li><a href="home.php"><img style="width:13.5px;height:13.5px" src="../picture/home.png"> Home</a></li> <li><a href="data.php"><img style="width:13.5px;height:13.5px" src="../picture/data.png"> Data</a></li> <li><a href="tambah-data.php"><img style="width:13.5px;height:13.5px" src="../picture/new.png"> Create New Data</a></li> <li class="active"><a href="manajemen-admin.php"><img style="width:13.5px;height:13.5px" src="../picture/admin.png"> Manajemen admin</a></li> <li><a href="comment.php"><img style="width:13.5px;height:13.5px" src="../picture/comments.png"> Comment</a></li> </nav> </div>

<h2>Create New Admin</h2> <form action="system/system-new-admin.php" method="POST" enctype="multipart/form-data">

<tr> <td><input type="radio" name="gender" value="male" checked> Male <input type="radio" name="gender" value="female"> Female</td> </tr>

<div class="box-b"> <h3>Data Admin</h3>

<table> <tr class="th"> <th>NO</th> <th>NAME</th> <th>USERNAME</th> </tr>

<?php

include 'koneksi.php'; $batas = 5;

$pg = isset( $_GET['pg'] ) ? $_GET['pg'] : ""; if ( empty( $pg ) ) { $posisi = 0; $pg = 1; } else { $posisi = ( $pg - 1 ) * $batas; }

$sql = "SELECT * FROM `admin` limit $posisi, $batas"; $exe = mysql_query($sql); $no = 1+$posisi;

while ($q = mysql_fetch_assoc($exe)){ ?>

(16)

<?php $no++; } ?>

<tr> <td class="next" colspan="6"> <p><?php

$jml_data = mysql_num_rows(mysql_query("SELECT * FROM `admin`")); $JmlHalaman = ceil($jml_data/$batas);

if ( $pg > 1 ) { $link = $pg-1; $prev = "<a href='?pg=$link'>Prev </a>"; }

else { $prev = "Prev "; } $nmr = '';

for ( $i = 1; $i<= $JmlHalaman; $i++ ){ if ( $i == $pg ) { $nmr .= $i . " "; }

else { $nmr .= "<a href='?pg=$i'>$i</a> "; } } if ( $pg < $JmlHalaman ) { $link = $pg + 1; $next = " <a href='?pg=$link'>Next</a>"; } else { $next = " Next"; } echo $prev . $next; ?></p> </td> </tr> </table> </div> </div> </div> </div> </body> </html>

Admin/comment.php

<?php

session_start();

ini_set('display_errors',0);

if (empty($_SESSION['username'])) {

header("location: index.php"); } ?>

<html> <head> <title>Young and Free</title> <link rel="shortcut icon" href="../picture/logo.png" /> <link rel="stylesheet" type="text/css" href="style.css"> </head>

<body> <div class="wrapper-1"> <div class="header"> <h1>YOUNG and FREE</h1><p>administrator</p>

<nav> <li> <a href="Logout.php">LOGOUT</a> </li> </nav> </div> <div class="content"> <div class="menu"> <nav> <li><a href="home.php"><img style="width:13.5px;height:13.5px" src="../picture/home.png"> Home</a></li> <li><a href="data.php"><img style="width:13.5px;height:13.5px" src="../picture/data.png"> Data</a></li> <li><a href="tambah-data.php"><img style="width:13.5px;height:13.5px" src="../picture/new.png"> Create New Data</a></li> <li><a href="manajemen-admin.php"><img style="width:13.5px;height:13.5px" src="../picture/admin.png"> Manajemen admin</a></li> <li class="active"><a href="comment.php"><img style="width:13.5px;height:13.5px" src="../picture/comments.png"> Comment</a></li> </nav> </div>

<div class="draft-c"> <h2>Comment From User</h2> <table>

<tr class="th"> <th>NO</th> <th>DATE & TIME</th> <th>EMAIL</th> <th class="comment">COMMENT</th> <th>ACTION</th> </tr>

<?php include 'koneksi.php'; $batas = 5; $pg = isset( $_GET['pg'] ) ? $_GET['pg'] : "";

if ( empty( $pg ) ) { $posisi = 0; $pg = 1; } else { $posisi = ( $pg - 1 ) * $batas; }

$sql = "SELECT * FROM `komentar` limit $posisi, $batas"; $exe = mysql_query($sql); $no = 1+$posisi;

while ($q = mysql_fetch_assoc($exe)){ ?>

(17)

<td> <a style="text-decoration:none;color:white" onclick="return confirm('Hapus komentar ini?')"href="system/delete-c.php?id=<?php echo $q['NO']; ?>"><div class="button"><img style="width:15px;height:15px" src="../picture/delete.png">delete</div></a> </td> </tr>

<?php $no++; } ?>

$jml_data = mysql_num_rows(mysql_query("SELECT * FROM `admin`"));

$JmlHalaman = ceil($jml_data/$batas);

else { $prev = "Prev "; } $nmr = ''; for ( $i = 1; $i<= $JmlHalaman; $i++ ){

if ( $i == $pg ) { $nmr .= $i . " "; }

else { $nmr .= "<a href='?pg=$i'>$i</a> "; } }

if ( $pg < $JmlHalaman ) { $link = $pg + 1; $next = " <a href='?pg=$link'>Next</a>"; }

else { $next = " Next"; } echo $prev . $next; ?></p> </td> </tr> </table> </div> </div> </div> </body> </html>

Admin/data.php

<?php session_start(); ini_set('display_errors',0);

if (empty($_SESSION['username'])) { header("location: index.php"); } ?>

<html> <head> <title>Young and Free</title> <link rel="shortcut icon" href="../picture/logo.png" /> <link rel="stylesheet" type="text/css" href="style.css"> </head>

<body> <div class="wrapper-1"> <div class="header"> <h1>YOUNG and FREE</h1><p>administrator</p>

<nav> <li> <a href="Logout.php">LOGOUT</a> </li> </nav> </div>

<div class="content"> <div class="menu"> <nav><li><a href="home.php"><img style="width:13.5px;height:13.5px" src="../picture/home.png"> Home</a></li><li class="active"><a href="data.php"><img style="width:13.5px;height:13.5px" src="../picture/data.png"> Data</a></li> <li><a href="tambah-data.php"><img style="width:13.5px;height:13.5px" src="../picture/new.png"> Create New Data</a></li> <li><a href="manajemen-admin.php"><img style="width:13.5px;height:13.5px" src="../picture/admin.png"> Manajemen admin</a></li> <li><a href="comment.php"><img style="width:13.5px;height:13.5px" src="../picture/comments.png"> Comment</a></li> </nav> </div> <div class="draft-d"> <h2>Data News</h2> <table>

<tr class="th"> <th>NO</th> <th>ID</th> <th>TITLE</th> <th>CATEGORY</th> <th>NAME EDITOR</th> <th>DATE & TIME</th> <th colspan="2"></th> </tr>

<?php include 'koneksi.php'; $batas = 8; $pg = isset( $_GET['pg'] ) ? $_GET['pg'] : "";

if ( empty( $pg ) ) { $posisi = 0; $pg = 1; } else { $posisi = ( $pg - 1 ) * $batas; }

$sql = "SELECT `id`, `title`, `category`, `name`, `date` FROM `news` limit $posisi, $batas"; $exe = mysql_query($sql);

$no = 1+$posisi;

while ($q = mysql_fetch_assoc($exe)){ ?> <tr> <td class="no"><p><?php echo $no ?></p></td>

(18)

<td><a style="text-decoration:none;color:white" href="edit-d.php?kddata=<?php echo $q ['id']; ?>"><div class="button-1"><img style="width:15px;height:15px"

src="../picture/edit.png">edit</div></a></td>

<td><a style="text-decoration:none;color:white" onclick="return confirm('Hapus data ini?')"href="delete.php?kddata=<?php echo $q ['id']; ?>"><div class="button-2"><img style="width:15px;height:15px" src="../picture/delete.png">delete</div></a></td> </tr>

<?php $no++; } ?>

$jml_data = mysql_num_rows(mysql_query("SELECT * FROM `news`")); $JmlHalaman = ceil($jml_data/$batas);

else { $prev = "Prev "; } $nmr = ''; for ( $i = 1; $i<= $JmlHalaman; $i++ ){

if ( $i == $pg ) { $nmr .= $i . " "; }

else { $nmr .= "<a href='?pg=$i'>$i</a> "; } } if ( $pg < $JmlHalaman ) { $link = $pg + 1; $next = " <a href='?pg=$link'>Next</a>"; } else { $next = " Next"; } echo $prev . $next; ?></p> </td> </tr> </table> </div> </div> </div> </body> </html>

Admin/delete.php

<?php include 'koneksi.php'; session_start(); ini_set('display_errors',0);

if (empty($_SESSION['username'])) { header("location: index.php"); } ?>

<?php $kddata=@$_GET['kddata']; mysql_query("delete from news where id='$kddata'") or die (mysql_error()); ?>

Admin/edit-d.php

<?php session_start(); ini_set('display_errors',0); if (empty($_SESSION['username'])) { header("location: index.php"); } ?>

<html>

<head> <title>Young and Free</title>

<body>

<div class="wrapper-1"> <div class="header"> <h1>YOUNG and FREE</h1><p>administrator</p>

<nav> <li> <a href="Logout.php">LOGOUT</a> </li> </nav> </div>

(19)

href="data.php"><img style="width:13.5px;height:13.5px" src="../picture/data.png"> Data</a></li> <li><a href="tambah-data.php"><img style="width:13.5px;height:13.5px" src="../picture/new.png"> Create New Data</a></li> <li><a href="manajemen-admin.php"><img style="width:13.5px;height:13.5px" src="../picture/admin.png"> Manajemen admin</a></li> <li><a href="comment.php"><img style="width:13.5px;height:13.5px" src="../picture/comments.png"> Comment</a></li> </nav> </div>

<table>

<?php include '../koneksi.php'; $kddata = @$_GET['kddata']; $sql =mysql_query("select * from news where id='$kddata'") or die (mysql_error());

$data = mysql_fetch_array($sql); ?>

<td>:<input type="text" name="id" value="<?php echo $data['id'];?>"disabled="disabled"></td> </tr>

<tr> <td style="text-align:center">Judul Berita</td>

<tr> <td style="text-align:center">Kategori Berita</td>

<td>: <select name="kategori"> <option value="<?php echo $data['category'];?>">-<?php echo $data['category'];?>-</option> <option value="news">News</option> <option value="music">Music</option> <option value="movie">Movie</option> </select> </td> </tr>

<tr> <td style="text-align:center">Nama Penerbit Berita</td>

<td>:<input type="text" name="nama" value="<?php echo $data['name'];?>"disabled="disabled"></td> </tr>

<tr> <td style="text-align:center">Gambar Berita</td>

<tr> <td style="text-align:center">Isi Berita</td>

<tr> <td colspan="2"><BUTTON type="submit" name="edit" value="Edit">Edit</BUTTON><a><button type="button" name ="batal" value ="Batal" onClick="history.go(-1);">Batal</button></a></td> </tr> </form>

<?php $title=@$_POST['judul'];

$category=@$_POST['kategori']; $name=@$_POST['nama']; $news=@$_POST['news'];

$sumber=@$_FILES['image']['tmp_name']; $target='../picture/news/';

$nama_picture=@$_FILES['image']['name']; $edit_data=@$_POST['edit'];

(20)

alert("inputan tidak lengkap"); </script> <?php } else { if($nama_picture == ""){ mysql_query("update news set title ='$title',category='$category',news='$news'where id='$kddata'") or die (mysql_error()); ?>

<?php }

else { $pindah = move_uploaded_file($sumber, $target.$nama_picture);if ($pindah){ mysql_query("update news set title

='$title',category='$category',news='$news',picture='$nama_picture 'where id='$kddata'") or die (mysql_error()); ?>

<?php } else { ?>

window.location.href="data.php"; </script>

<?php } } } } ?> </table> </div> </div> </div> </body> </html>

Admin/setting.php

<div class="box-s"> <h2>Edit Account Admin</h2>

<form action="" method="POST" enctype="multipart/form-data"> <table> <?php

include 'koneksi.php'; $id = @$_GET['id'];

$sql = mysql_query("SELECT * FROM `admin` where username='$id'");

$data = mysql_fetch_array($sql); ?> <tr style="background:#d9d9d9">

<td><p>First Name</p></td>

<tr>

<td>Username</td>

<td><input type="text" name="username" value="<?php echo $data['username'] ?>"disabled="disabled"></td> <td>Password</td>

<tr style="background:#d9d9d9"> <td>Birthday</td>

<td>Profil Picture</td>

<tr>

<td>Email</td> <td><input type="text" name="email" value="email"></td> <td>Address</td> <td><input type="text" name="address" value="address"></td> </tr>

(21)

<td colspan="4"><BUTTON type="submit" name="edit" value="Edit">Edit</BUTTON><a><button type="button" name ="batal" value ="Batal" onClick="history.go(-1);">Batal</button></a></td> </tr>

<?php

$first_name =@$_POST['first_name']; $last_name =@$_POST['last_name']; $password =@$_POST['password']; $email =@$_POST['email'];

$address =@$_POST['address']; $date =@$_POST['date'];

list($m, $d, $y) = explode ( '/', $_POST['date']); $sumber=@$_FILES['image']['tmp_name'];

$target='../picture/profil/';

$nama_picture=@$_FILES['image']['name']; $edit_data=@$_POST['edit'];

if ($edit_data){ if ($first_name==""){ ?>

else { $pindah = move_uploaded_file($sumber, $target.$nama_picture); if ($pindah){ mysql_query("update admin set

first_name='$first_name',last_name='$last_name',password='$passwor d',email='$email',address='$address',picture='$nama_picture',tangg al='$d',bulan='$m',tahun='$y' where username='$id'") or die (mysql_error()); ?> <script type="text/javascript">alert("Data Berhasil diedit"); window.location.href="home.php"; </script>

<?php } else { ?>

window.location.href="home.php"; </script> <?php } } } } ?> </table> </form> </div> </div> </div> </div>

Admin/system-login.php

<?php session_start(); include ("koneksi.php"); $username = $_POST['username'];

$password = $_POST['password'];

$sql = "SELECT * FROM `admin` WHERE username='$username' AND password='$password'";

$exe = mysql_query($sql);

if ($x = mysql_fetch_array($exe)) { $_SESSION['username'] = $username; header("location: home.php"); }

else{

(22)

Admin/tambah-data.php

<h3>Create New News</h3>

<?php

include 'koneksi.php';

$carikode = mysql_query("SELECT id from news") or die (mysql_error());

$datakode = mysql_fetch_array($carikode); $jumlah_data = mysql_num_rows($carikode); if ($datakode) {

$nilaikode = substr($jumlah_data[0], 1); $kode = (int) $nilaikode;

$kode = $jumlah_data + 1;

$kode_otomatis = "YNF".str_pad($kode, 4, "0", STR_PAD_LEFT);}

else {

$kode_otomatis = "YNF0001"; } ?> <tr> <td style="text-align:center">Id News</td>

<tr> <td style="text-align:center">Judul Berita</td>

<tr> <td style="text-align:center">Kategori Berita</td>

<option value="">choose</option> <option value="news">News</option> <option value="music">Music</option> <option value="movie">Movie</option> </select></td> </tr>

<?php include 'koneksi.php';

$code = $_SESSION['username'];

$sql = mysql_query("SELECT * FROM `admin` WHERE username='$code'");

while ($exe = mysql_fetch_array($sql)) { ?>

<tr> <td style="text-align:center">Nama Penerbit Berita</td>

<tr> <td style="text-align:center">Gambar Berita</td>

<td>:<input type="file" name="image"> *wajib disisipkan gambar</td> </tr>

<tr> <td style="text-align:center">Isi Berita</td>

(23)

</table> </div> </div></div>

Admin/logout.php

<?php session_start(); session_destroy();

header("location: ../index.php"); ?>

Admin/style.css

@import url('https://fonts.googleapis.com/css?family=Roboto'); @import

url('https://fonts.googleapis.com/css?family=Permanent+Marker'); *{

padding: 0; margin: 0;

font-family: 'Roboto', sans-serif; }

.wrapper{

background: #262626; position: absolute; }

.wrapper-1{

position: absolute; }

.box{

margin-top: 10%; margin-left: 35%; background: #ffff; width: 30%;

height: 57%; }

.box h2{

text-align: center; padding-top: 5%;

font-family: 'Permanent Marker', cursive; color: #3e0f2f;

}

.box p{

text-align: center; }

.box img{

width: 40%; height: 20%; margin-left: 30%; margin-right: 30%; margin-top: 5%; }

.box table{

(24)

margin-left: 5%; }

.box table tr td p.x{ font-weight: bold; font-size: 15px; text-align: left; }

.box table tr td input[type=text]{ width: 100%;

height: 38px; margin-bottom: 3%; border-radius: 2px; border: 1px;

border-style: solid; border-color: #999999; }

.box table tr td input[type=password]{ width: 100%;

height: 38px; margin-bottom: 3%; border-radius: 2px; border: 1px;

border-style: solid; border-color: #999999; }

.box table tr td input[type=submit]{ border: none;

width: 100%; height: 35px;

background: #d147a3; font-size: 15px; border-radius: 2px; border: 1px;

border-style: solid; border-color: #999999; color: white;

}

.box table tr td input[type=submit]:hover{ background: #cc3399;

} .header{

width: 100%; height: 9.5%; background: black; }

.header h1{

color: #999999;

letter-spacing: 10px; float: left;

margin-left: 2%; margin-top: 0.5%;

font-family: 'Permanent Marker', cursive; font-size: 30px;

}

.header p{

(25)

margin-top: 1.5%; font-size: 20px; }

.header nav{

float: right; margin-right: 5%; padding-top: 1.5%; }

.header nav li{

list-style: none; }

.header nav li a{

text-decoration: none; font-size: 20px;

color: #999999; }

.header nav li a:hover{ text-decoration: none; font-size: 20px;

color: #d65cad; }

.content{

background: white; }

.content .button-tambah{ background: #d147a3; width: 5%;

height: 10%;

position: absolute; margin-top: 1%; margin-left: 1%; }

.content .button-tambah:hover{ background: #d65cad; }

.content a .button-tambah p{ font-size: 80px;

color: white;

text-align: center; margin-top: -15%; }

.content table{

.content form{

.content .menu{ float: left; width: 15%; height: 100%;

.content .menu li{ list-style: none; }

(26)

text-decoration: none; display: block;

padding: 15px 0 15px 10px; font-size: 16px;

font-weight: 300; outline: none;

-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;

border-right: 1px solid #D7D7D7; border-bottom: 1px solid #D7D7D7; text-decoration: none;

color: #ffff; }

.content .menu li a:hover{ background: #808080; }

.content .menu li.active a{ font-weight: bold; background: #808080; }

.content .draft{ width: 85%; height: 100%; float: right; }

.content .draft h3{ float: left; margin-left: 5%; margin-top: 3%;/*

padding-bottom: -20%;*/ }

.content .draft table{ width: 80%; height: 60%; margin-top: 7%; margin-left: 2.5%; border-top: solid; border-color: black; }

.content .draft table tr{ color: black;

}

.content .draft table input[type=text]{ width: 50%;

height: 80%;

border-style: solid; border-color: #999999; font-size: 18px;

margin-left: 3%; }

.content .draft table select{ width: 50%;

(27)

margin-left: 2.5%; }

.content .draft table input[type=file]{ width: 50%;

height: 80%;

margin-left: 3%; }

.content .draft table textarea{ height: 90%;

border-style: solid; border-color: #999999; margin-left: 3%;

}

.content .draft table input[type=submit]{ width: 10%;

height: 100%;

.content .draft table input[type=submit]:hover{ background: #d0d8df;

}

.content .draft table button[type=submit]{ width: 10%;

height: 80%;

background: white; margin-right: 3%; }

.content .draft table button[type=submit]:hover{ background: #ff66b3;

color: #ffff; }

.content .draft table button[type=button]{ width: 10%;

height: 80%;

(28)

border-color: #999999; font-size: 18px;

.content .draft table button[type=button]:hover{ background: #ff3333;

color: #ffff; }

.content .draft p{ float: right; margin-top: 3%; margin-right: 5%; }

.content .draft-m-a{ width: 85%; height: 100%; float: right; }

.content .draft-m-a .box-a{ width: 49%;

height: 100%; float: left;

border-right: solid; border-color: black; /* background: pink

*/ }

.content .draft-m-a .box-a h2{ padding-top: 5%;

margin-left: 5%; }

.content .draft-m-a .box-a table{ width: 300px;

height: 400px; margin-top: 10%; margin-left: 10%; position: relative; }

.content .draft-m-a .box-a table input[type=text]{ width: 100%;

height: 80%;

}

.content .draft-m-a .box-a table input[type=password]{ width: 100%;

height: 80%;

}

.content .draft-m-a .box-a table input[type=submit]{ width: 100%;

(29)

background: white;/**/ }

.content .draft-m-a .box-a table input[type=submit]:hover{

background: #d0d8df; }

.content .draft-m-a .box-a a .button{ margin-top: 95%;

margin-left: 10%; width: 30%;

height: 5%;

background: #ffffff; border-color: #999999; border: 1px;

border-style: solid; border-radius: 10px; text-align: center; }

.content .draft-m-a .box-a table input[type=file]{ width: 100%;

height: 80%;

.content .draft-m-a .box-a a .button:hover{ background: #d0d8df

}

.content .draft-m-a .box-a a .button p{ padding-top: 3%;

}

.content .draft-m-a .box-b{ width: 50%;

height: 100%; float: right; }

.content .draft-m-a .box-b h3{ padding-top: 5%;

margin-left: 5%; }

.content .draft-m-a .box-b table{ width: 80%;

height: 30%; margin-left: 10%; margin-top: 5%; position: relative; }

.content .draft-m-a .box-b table th{ text-align: center;

}

(30)

border-bottom: solid; border-color: black; border-top: solid; }

.content .draft-m-a .box-b table td.next{ border-bottom: solid;

border-color: black; text-align: center; }

.content .draft-m-a .box-b table td.no{ text-decoration: underline;

text-align: center; }

.content .draft-c{ width: 85%; height: 100%; float: right; }

.content .draft-c h2{ padding-left: 5%; padding-top: 3%; padding-bottom: 2%; }

.content .draft-c table{ width: 75%;

height: 30%; margin-left: 3%; }

.content .draft-c table th{ border-top: solid; border-color: black; border-bottom: solid; background: #f2f2f2; }

.content .draft-c table td.no{ text-decoration: underline; text-align: center;

}

.content .draft-c table td.next{ border-bottom: solid; border-top: solid; border-color: black; text-align: center; background: #f2f2f2; }

.content .draft-c table td a .button{ width: 100%;

background: #999999; text-align: center; border-radius: 10px; }

.content .draft-c table td a .button:hover{ background: #ff3333;

}

.content .draft-c table td.comment{ width: 50%;

}

(31)

height: 100%; float: right; }

.content .draft-h h2{ margin-top: 3%; margin-left: 3%; }

.content .draft-h a{

text-decoration: none; color: black;

font-size: 14px; }

.content .draft-h table{ width: 50%;

height: 30%; margin-left: 5%; margin-top: 5%; }

.content .draft-h td.img{ width: 20%;

}

.content .draft-h td.img img{ width: 230px;

height: 270px; }

.content .draft-h td.m{ width: 15%;

}

.content .draft-h td.i{ text-align: center; }

.content .draft-h td.m p{ padding-left: 3%; }

.content .draft-h a .button{ width: 20%;

height: 100%;

background: #ffffff; border-color: #999999; border: 1px;

border-style: solid; border-radius: 10px; text-align: center; float: right;

}

.content .draft-h a .button:hover{ background: #d0d8df

}

.content .draft-h a .button p{ }

.content .draft-h p{ margin-left: 2%; margin-top: 1%; }

(32)

.content .draft-d h2{ padding-left: 5%; padding-top: 2%; padding-bottom: 3%; }

.content .draft-d table{ width: 81%;

height: 30%; margin-left: 2%; }

.content .draft-d table th{ border-top: solid; border-color: black; border-bottom: solid; background: #f2f2f2; height: 20%;

}

.content .draft-d table td.no{ text-decoration: underline; text-align: center;

}

.content .draft-d table td.next{ border-bottom: solid; border-top: solid; border-color: black; text-align: right; background: #f2f2f2; height: 50%;

}

.content .draft-d table td{ height: 30%;

}

.content .draft-d table td a .button-2{ width: 100%;

.content .draft-d table td a .button-2:hover{ background: #ff3333;

}

.content .draft-d table td a .button-1{ width: 100%;

.content .draft-d table td a .button-1:hover{ background: #0066cc;

}

.content .draft-d table td.comment{ width: 50%;

}

.content .draft-s{ width: 85%; height: 100%; float: right; }

(33)

width: 100%; }

.content .draft-s .box-s h2{ margin-top: 30px; margin-left: 30px; }

.content .draft-s .box-s table{ width: 800px;

height: 300px; margin-left: 50px; margin-top: 30px; }

.content .draft-s .box-s table input[type=text]{ width: 95%;

height: 80%;

.content .draft-s .box-s table input[type=password]{ width: 95%;

height: 80%;

.content .draft-s .box-s table input[type=file]{ width: 95%;

height: 80%;

.content .draft-s .box-s table button[type=submit]{ width: 20%;

height: 80%;

background: white; margin-right: 3%; }

.content .draft-s .box-s table button[type=submit]:hover{ background: #ff66b3;

color: #ffff; }

(34)

.content .draft-s .box-s table button[type=button]:hover{ background: #ff3333;