Animasi Pembelajaran Sistem Ekskresi Pada Hewan Tingkat Sekolah Menengah Pertama Dengan Menggunakan Adobe Flash Cs3 Professional

(1)

LISTENING PROGRAM

Tampilan index.php

File:Index.php

<title>E-News Berita Online</title>

</head> <a

(2)

m%2Fkemilauemas%2F%3Futm_source%3DDetikcom%26utm_medium%3DBa nner%26utm_campaign%3DKemilauemas" target="_blank"><img

src="http://newopenx.detik.com/images/b686c40e3cde41c09dfc188f1935c035.gif "

style="width:940; height:50px; padding-left:200px; top:30px; "></a> </a>

<body>

<div class="top"><marquee bgcolor="rgb(240, 81, 105)"><h1>BERITA ONLINE || TAPIYANTY SIMANJUNTAK</h1></marquee></div>

</div> </div>

</div> </div>

<li><a href="index.php"><H3> HOME </H3> </a></li> <li><a href="berita.php"><H3> BERITA </H3> </a></li> <li><h3><a href="http://sports.okezone.com/">Olahraga</a></li> <li><h3><a href="http://foto.okezone.com/">Foto</a></li> <li><h3><a href="http://video.okezone.com/">Video</a></li> <li><h3><a href="http://index.okezone.com/">Index</a></li>

(3)

<li><h3><a href="http://news.okezone.com/autos/">Berita zone</a></li> <li><h3><a href="tentangkami.php"><H3> Detik kom</H3> </a></li>

</table> </div>

</div>

<div class="col_1"> <a

href="http://newopenx.detik.com/delivery/ck.php?oaparams=2__bannerid=25439 __zoneid=331__cb=8a4aa930ae__oadest=https%3A%2F%2Fwww.trac.astra.co.i d%2Fearly-bird-promo-book-your-car- for- idul-fitri-now%2F"

target="_blank"><img

src="http://newopenx.detik.com/images/116a82b369409e1281aee85eea30b846.gi f" width="180" height="600" alt="" title="" border="0"></a>

</div> </div>

</div> </div> </div>`

<div class="right_section"> <div class="common_content"> <h2>Welcome</h2>

<hr>

<p>Selamat datang di situs Berita Online.com </p>

<p>Situs ini menyediakan berbagai informasi tentang berita Online . </p> </div>

(4)

Presiden Jokowi Tiba di Jerman untuk Kunjungan Kenegaraan </p> <br> <p><a class="btn" href="read1.php">Read more</a></p></div>

<p>Perkuat Pengawasan, Menteri Susi Akan Beli Kapal Induk </p> <br> <p><a class="btn" href="read2.php">Read more</a></p></div>

</div> </div>

Perkuat Pengawasan, Menteri Susi Akan Beli Kapal Induk </p>

<br>

<p>Ahok Menolak Proyek Reklamasi Disamakan dengan Proyek Hambalang </p> <br>

</div> </table>

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

(5)

File : tampilan berita.php

</head> <a

href="http://newopenx.detik.com/delivery/ck.php?oaparams=2__bannerid=25005 __zoneid=329__cb=fab5dc2e59__oadest=http%3A%2F%2Fsahabatpegadaian.co m%2Fkemilauemas%2F%3Futm_source%3DDetikcom%26utm_medium%3DBa nner%26utm_campaign%3DKemilauemas" target="_blank"><img

<body>

(6)

</div> </div>

<li><a href="index.php"><H3> HOME </H3> </a></li> <li><a href="berita.php"><H3> Berita </H3> </a></li>

<li><h3><a href="http://sports.okezone.com/">Olahraga</a></li> <li><h3><a href="http://foto.okezone.com/">Foto</a></li> <li><h3><a href="http://video.okezone.com/">Video</a></li> <li><h3><a href="http://index.okezone.com/">Index</a></li>

<li><h3><a href="tentangkami.php"><H3> Tentang Profil</H3> </a></li> <li><h3><a href="http://news.okezone.com/autos/">Berita zone</a></li> <li><h3><a href="tentangkami.php"><H3> Detik kom</H3> </a></li>

(7)

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} }

</script> </head>

<tr>

</tr> <tr>

<tr>

</tr> <tr>

</tr>

</table></td> </tr>

<tr>

<tr>

(8)

</tr> <tr>

</tr>

</table></td> </tr>

<tr>

<tr>

<tr>

</table></td> </tr>

<tr>

</table> </form> </div></td>

</div></td> </tr>

</table></th>

</div></td> </tr>

(9)

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

File :berita_catalog.php

font-family: Arial, Helvetica, sans-serif; font-size: 14px;

width: 210px; height: 50px; color: #000000;} .teks_tanggal_berita {

color: #000000; }

.footer{

clear:both; margin-top:18px;

padding:12px 0 12px 0; height:20px;

text-align:center;

font-family:Arial, Helvetica, sans-serif; font-size:12px;

line-height:20px;

background-color:#E4E1DF;

-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;

border:#95AE71 dotted 1px; }

</style> <?php

include("config.php");

$query = "select * from tb_input order by id desc"; $hasil = mysql_query($query);

(10)

//Paging Data sebanyak 30 data product perlembar $jumlah = mysql_num_rows($hasil);

$limit = 30;

if (empty($offset)) { $offset = 0; }

if(isset($_GET['offset'])){$offset = $_GET['offset']; } $seleksi = "SELECT * FROM tb_input ORDER BY id DESC LIMIT $offset, $limit";

$result = mysql_query($seleksi); echo "<div align=\"right\">"; $halaman = intval($jumlah/$limit); if ($jumlah%$limit) {

$halaman++; }

for ($i=1;$i<=$halaman;$i++) { $newoffset=$limit*($i-1);

if ($offset!=$newoffset) {

echo "<b><font face=\"arial\" size=\"2\">[<a style=\"color: black\"

href=\"berita.php?offset=$newoffset\">$i</a>]</font></B>"; } else {

echo "<b><font face=\"arial\" size=\"3\" color=\"red\">[$i]</font></b>";

} }

echo "</div>"; //Batas kode paging data

?>

<tr>

<?php

$kolom=3; $x = 0;

if($numrows > 0){

while($data=mysql_fetch_array($result)) {

if ($x >= $kolom) {

(11)

} $x++;

?>

<?php echo $data['tanggal']; ?><br><br> </div>

</div>

<?php

echo '

<a href="berita_detail.php?id='.$data['id'].'"><img src="images/TDetail.jpg"\ title="Detail Berita" border="0" width=\"50\" height=\"30\"></a>';

?> </div> <hr />

</td> <?php

} } ?>

</tr> </table>

(12)

File :berita_detail.php

<?php session_start();

if (ISSET($_SESSION['userlogin'])) {

} else ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ul, ol, li{

list-style: none; }

.top{

width: 1040px; margin: 20px 0px; display: inline-block; }

.right-wrapper{ background: ;

background-color: gray; width: 300px;

(13)

top: -64px; float: left; }

.logo{

position: fixed; margin-top: 92px; margin- left: -10px; background: ; padding: 0px 15px; color: #fff;

} .main{

width: 1040px;

background: rgba(235, 235, 235, 1); }

.main-nav{ position: fixed; margin-top: 192px; margin- left: -15px; }

.main-nav li{

margin-bottom: 20px; text-align: left;

}

.main-nav li:last-child{ margin-bottom: 0px; }

.main-nav a{ padding: 5px 0px; line-height: 24px; font-size: 17px;

border-left: 3px solid transparent; padding-left: 15px;

}

.main-nav a:hover{

border-left: 3px solid rgb(240, 81, 105); color: rgb(240, 81, 105);

} #current{

color: rgb(240, 81, 105);

border-left: 3px solid rgb(240, 81, 105); }

.Teks_Menu_Atas {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px;

}

(14)

height: auto; width: 175px; margin- left: 6px;

}

.Area_Menu_Kanan { height: auto;

width: 175px; margin- left: 10px;

text-align: left; }

.Teks_Menu {

font-weight: bold; }

.Teks_Kategori {

}

.Teks_Informasi {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px;

}

.Teks_Produk {

font-family: Tahoma, Geneva, sans-serif; font-size: 14px;

color: #0096C3; }

(15)

font-family: Arial, Helvetica, sans-serif; }

.footer{ height: 25px; background: #fff; display: inline-block; width: 100%;

text-align: center;

}

.footer span{ line-height: 25px; color: #d1d1d1; }

.footer a{

color: #d1d1d1; }

.footer a:hover{ color: #333; }

a:link {

color: #006699; text-decoration: none; }

a:hover {

color: #5F9C9F; text-decoration: none; }

a:visited {

text-decoration: none; color: #1d1d1d; }

a:active {

text-decoration: none; color: #5F9C9F; }

body {

background-image: url(images/Background.gif); }

</style>

(16)

</script> </head>

<div class="top"><marquee bgcolor="rgb(240, 81, 105)"><h1>Berita Online</h1></marquee></div>

</form> </div></th>

</tr>

<tr>

</tr> <tr>

</tr>

</table></td> </tr>

<tr>

(17)

</tr>

</table></td> </tr>

<tr>

<tr>

<tr>

<th align="left" valign="top" class="Teks_berita" scope="col">BERITA DETAIL !!!</th>

</tr> <tr>

<tr>

</div></td> </tr>

</table></th>

</div></td> </tr>

</table>

(18)

<li><h2><a href="http://sports.okezone.com/">Olahraga</a></li> <li><h2><a href="http://foto.okezone.com/">Foto</a></li> <li><h2><a href="http://video.okezone.com/">Video</a></li> <li><h2><a href="http://index.okezone.com/">Index</a></li> <li><h2><a href="tentangkami.php">Tentang profil </a></li>

<li><h2><a href="http://news.okezone.com/autos/">Berita zone</a></li> <li><h2><a href="tentangkami.php">Detik kom</a></li>

</ul> </div>

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

File : berita_detain_info

font-family: times, Helvetica, sans-serif; font-size: 16px;

text-align: justify; color: black; }

.teks_judul_berita {

color: blue; font-weight: bold; }

</style> <?php

include("config.php"); $id = $_GET['id'];

$query = "select * from tb_input where id = '".$id."'"; $hasil = mysql_query($query);

$temukan = mysql_num_rows($hasil); $data = mysql_fetch_array($hasil); if($temukan==0){

}else{ ?>

(19)

</div>

<div>

</div>

<?php echo $data['tanggal']; ?><br><br> <?php echo $data['isi']; ?><br><br> </div>

<div>

</div> <hr />

<?php

} ?>

</td> </tr> </table>

File :berita_kategori.php <style type="text/css"> .teks_judul_berita {

width: 210px; height: 65px; color: #000000;} .teks_tanggal_berita {

color: #000000; }

.footer{ clear:both; margin-top:18px;

(20)

line-height:20px;

-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:#95AE71 dotted 1px;

} </style> <?php

if(isset($_GET['kategori'])){$kategori = $_GET['kategori']; } include("config.php");

if((isset($kategori)) ==''){

$query = "select * from tb_input order by id "; $hasil = mysql_query($query);

$numrows = mysql_num_rows($hasil); }else{

echo "<table width=\"100%\"> <tr>

<td align=\"center\"><b><font color=\"maroon\" size=\"2.5\">[ ".$_GET['kategori']." ]</b></font></td>

</tr> </table>";

$query = "select * from tb_input where kategori = '$kategori' order by id desc LIMIT 0,12";

$hasil = mysql_query($query);

$numrows = mysql_num_rows($hasil); }

?>

<tr> <?php $kolom=3; $x = 0;

if($numrows > 0){

while($data=mysql_fetch_array($hasil)) {

if ($x >= $kolom) {

echo "</tr><tr>"; $x = 0;

(21)

<?php echo $data['judul']; ?><br><br> </div>

<div>

<?php echo '

<a href="berita_detail.php?id='.$data['id'].'"><img src="images/TDetail.jpg"\ title="Detail Barang" border="0" width=\"50\" height=\"30\"></a>';

?> </div> <hr /> </td>

<?php } } ?> </tr> </table>

File :kategor.php

<?php

$cek="Select * from tb_kategori order by id asc"; $hasil=mysql_query($cek);

if ($hasil > 0) {

if ((ISSET($_SESSION['userlogin'])) == ''){

echo "<ul><img src=\"images/Bullet.jpg\" border=\"1\" width=\"30\" height=\"30\"><a

href=\"berita.php?kategori=All\">  All</a></li></ul>"; }else{

href=\"berita.php?kategori=All\">  All</a></li></ul>"; }

(22)

{

if ((ISSET($_SESSION['userlogin'])) == ''){ echo "<ul><img src=\"images/Bullet.jpg\" border=\"1\" width=\"30\" height=\"30\"><a

href=\"kategori_berita.php?kategori=$data[kategori]\">  $data[kateg ori]</a></li></ul>";

} else{

href=\"kategori_berita.php?kategori=$data[kategori]\">  $data[kateg ori]</a></li></ul>";

} }

} ?>

File : kategori_berita.php

</head> <a

<body>

(23)

</div> </div>

<li><a href="index.php"><H3> HOME </H3> </a></li> <li><a href="berita.php"><H3> Berita </H3> </a></li>

<li><h3><a href="http://sports.okezone.com/">Olahraga</a></li> <li><h3><a href="http://foto.okezone.com/">Foto</a></li> <li><h3><a href="http://video.okezone.com/">Video</a></li> <li><h3><a href="http://index.okezone.com/">Index</a></li> <li><h3><a href="tentangkami.php"><H3> Tentang Profil </H3> </a></li>

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

(24)

</script> </head>

<div class="top"><marquee bgcolor="rgb(240, 81, 105)"><h1>Berita Online</h1></marquee></div>

</tr> <tr>

<tr>

</tr> <tr>

</tr>

</table></td> </tr>

<tr>

(25)

</table></td> </tr>

<tr>

</table></td> </tr>

<tr>

<tr>

</div></td> </tr>

</table></th>

</div></td> </tr>

</table>

(26)

</body> </html>

File : Read.php

</head> <a

href="http://newopenx.detik.com/delivery/ck.php?oaparams=2__bannerid=25005 __zoneid=329__cb=fab5dc2e59__oadest=http%3A%2F%2Fsahabatpegadaian.co m%2Fkemilauemas%2F%3Futm_source%3DDetikcom%26utm_medium%3DBa nner%26utm_campaign%3DKemilauemas" target="_blank">< img

<body>

</div> </div>

(27)

</div> </div>

<li><a href="index.php"><H3> HOME </H3> </a></li> <li><a href="berita.php"><H3> BERITA </H3> </a></li> <li><h3><a href="http://sports.okezone.com/">Olahraga</a></li> <li><h3><a href="http://foto.okezone.com/">Foto</a></li> <li><h3><a href="http://video.okezone.com/">Video</a></li> <li><h3><a href="http://index.okezone.com/">Index</a></li> <li><h3><a href="tentangkami.php"><H3> Tentang Profil </H3> </a></li>

</table> </div>

</div>

</div> </div>

(28)

<h2> Presiden Jokowi Tiba di jerman Untuk kunjungan kenegaraan</h2> <hr>

<justify> <p>JAKARTA - Posisi direktur jenderal (dirjen) dan deputi di kementerian dan lembaga negara juga ikut memengaruhi kinerja Pemerintahan Joko Widodo-Jusuf Kalla (Jokowi-JK). Maka itu, pengawasan harusnya tidak dilakukan Jokowi sebatas level menteri saja, tapi hingga ke level bawahan menteri masing- masing.</p>

<p>

"Kalau birokrasinya tidak benar akan menghambat kementerian atau lembaga tersebut untuk menjalankan tugas presiden itu sendiri," ujar Maftuhan dalam acara diskusi bertajuk, Gaduh Partai Jelang Reshuffle Jilid II: Mau Ke Mana? ", di kawasan Menteng, Jakarta Pusat, Minggu (17/4/2016).</p>

<p>Dia mencontohkan, jika Badan Nasional Penanggulangan Terorisme (BNPT) sulit memberantas teroris bisa memengaruhi citra Presiden Jokowi. Maka itu, menurutnyareshuffle seharusnya tidak sampai level menteri saja, tapi hingga level dirjen dan deputi kementerian dan lembaga negara. </p>

</table>

</center> </div>

</div>

(29)

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

</body> </html>

Tampilan Tentang Profil

File :Tentang_profil.php

</head> <a

(30)

<body>

</div> </div>

<li><a href="index.php"><H3> HOME </H3> </a></li> <li><a href="berita.php"><H3> BERITA </H3> </a></li> <li><h3><a href="http://sports.okezone.com/">Olahraga</a></li> <li><h3><a href="http://foto.okezone.com/">Foto</a></li> <li><h3><a href="http://video.okezone.com/">Video</a></li> <li><h3><a href="http://index.okezone.com/">Index</a></li>

<li><h3><a href="tentangkami.php"><H3> Tentang kami </H3> </a></li> <li><h3><a href="http://news.okezone.com/autos/">Berita zone</a></li> <li><h3><a href="tentangkami.php"><H3> Detik kom</H3> </a></li>

(31)

</div>

</div> </div>

<h1><a href="want.php">Want a Discount?</a> </h1>

<div class="right_section"> <div class="common_content"> <h2>Berita Online.com</h2> <hr>

<p>Saya disini menyediakan berbagai kategori berita yang bisa dilihat di situs berita online </p>

<p>Situs ini menyediakan berbagai informasi tentang berita yang terupdate yang dapat kita lihat . </p>

</div>

<div class="common_content"> <h2>Sebagai Pemilik akun</h2> <p> </p>

</div>

(32)

<p>untuk informasi lebih lanjut :</p>

<br>

<tr>

<td>Alamat email</td> <td> :</td>

<td>  Tapiaynty SImanjuntak, sumatera utara</td>

</tr> <tr>

<td>No Telepon</td> <td> :</td> <td>  082272059716</td>

</tr> <tr>

</tr> <tr>

<td>Email</td> <td> :</td> <td>  BeritaONline@gmail.com</td>

</tr> <tr>

<td>Website</td> <td> :</td> <td>  <a href="http://www.Berita oNLINE.com">www.BeritaOnline.com</a></td>

</tr> </table>

</div> </body>

(33)

File: Style.css

/* General Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button {

margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }

ol, ul {

list-style-type:none; }

h1, h2, h3, h4, h5, h6, li {

line-height:100%; }

blockquote, q {

quotes:none; }

q:before, q:after {

content:""; }

input, textarea, select {

font:12px Arial, Helvetica, sans-serif; vertical-align:middle;

padding:0; margin:0; }

textarea {

overflow:auto; resize:none; }

.menu {

(34)

height: 50px;

border-bottom: solid 0px #fe8917; position: relative;

}

div {user agent stylesheet display: block;

}

.menu li:first-child {

border-left: solid 0px blue; }

.menu ul li { padding: 0 20px; }

.menu ul li { margin: 0; padding: 0 14px; list-style: none; float: left;

border-left: solid 1px #2c59d6; border-right: solid 1px #193177; }

ul li {

margin: 3px 0; }

user agent stylesheet li {

display: list-item;

text-align: -webkit-match-parent; }

Inherited from ul ul {

list-style-type: none; }

user agent stylesheet ul, menu, dir { display: block; list-style-type: disc;

-webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; }

.main-wrapper{

(35)

margin- left: 200; position:center; margin-top: -5; }

.skin{ width:60px; margin-top:20px; margin- left:-90px;

} .top{

margin-top: 0px; }

.clearfix {

clear: both !important; height: 0 !important; padding: 0;

float: none !important; }

.bn_skin1 { left: 50%;

margin- left: -851px; }

.bn_skin { position: fixed; width: 300px; top: 45px; }

.left-wrapper{

display: inline-block;

background: rgba(235, 235, 235, 1); padding: 0px 20px;

box-sizing: border-box;

-webkit-box-sizing: border-box; -moz-box-sizing: border-box; float: left;

} #body {

margin:0px; padding:0px; font-size:13px; line-height:21px;

(36)

background-size:100% 100%; }

h1, h2, h3, h4, h5, h6 {

font-weight:normal; }

h1 {

font-size:33px; margin-bottom:15px; }

h2 {

h3 {

h4 {

h5 {

h6 {

/* links

******************************/

a {color: #516322;text-decoration: underline;} a:hover {color: #516322;text-decoration: none;} /* superscript and subscript

******************************/

sup, sub {vertical-align: baseline;position: relative;top: -0t4em;} sub { top: 0.4em; }

(37)

******************************/ ul, ol {padding:0;margin:0;}

ul li {list-style-type:disc;} ol li {list-style-type:decimal;} ul li,

ol li {font-size: 12px; line-height: 16px;margin: 0 0 10px 15px;} /* tables

******************************/ table,th,td {border:1px;}

th {padding:3px; font-weight:bold;color:#5c5a45;} tr {margin:0 0 5px 0;padding:3px;}

td {padding:5px;margin:0 1px;} /* horizontal lines

******************************/

hr {border-top: left: right: none;border-bottom: 3px solid #acacbb;margin:5px 0;padding:0;height:2px;width:100%; margin-bottom:10px;}

.clear {

clear:both; }

.left {

float:left; }

.right {

float:right; }

.copyright {

border: 0px; height: 1px; width: 1px; }

#wrapper {

width:900px; margin:0 auto;

padding:20px 0 10px 0; }

(38)

padding:0px 0px 5px; }

#header .top_banner{

background:url(images/014.jpg) no-repeat left top; background-color:rgba(0,0,0,0.1);

height:160px;

padding:65px 95px 0 65px; border:#3e768f solid 1px;

-moz-box-shadow:0 0 2px 0px #888888; -webkit-box-shadow:0 0 2px 0px #888888; box-shadow:0 0 2px 0px #888888;

}

#header h1{

font-size:34px;

font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, Sans-Serif;

color:white; margin:0px;

font-weight:normal; padding:0px 0px 10px; }

#header h1 a {

color:#2F1B09; text-decoration: none; }

#header h1 a:hover {

text-decoration: none; }

#header p{

font-size:18px;

font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, Sans-Serif;

margin- left:2px; color:#2F1B09; }

.navigation{ width:900;

background-color:pink; border-left:2px;

(39)

border-right:4px; height: 60px; width: 880px;

border-right-color:red; border:hidden;

padding:2px 2px 2px 2px; padding top:50px;

}

.navigation ul{

margin:0px; padding:0px; }

.navigation ul li:last-child {

border-right:none; }

/*----end header----*/ /*----start page content----*/ #page_content{

background-color:rgba(675,899,279,0.9); padding:10px;

-moz-box-shadow:0 0 2px 0px #888888; -webkit-box-shadow:0 0 2px 0px #888888; box-shadow:0 0 2px 0px #888888;

}

#page_content .right_section{ width:620px; float:right;

padding:0px 20px; }

#page_content .right_section .top_content{ padding:15px 0 0px 0; }

(40)

width:295px; float:left;

margin-bottom:20px; }

#page_content .right_section .top_content .column_two{ width:295px;

float:right;

margin-bottom:20px; }

a.btn{

color:#4F4F50;

background:#FAEFE3; font-size:12px;

text-decoration:none;

padding:7px 15px 7px 15px; font-weight:bold;

display:inline-block;

border:#A4AD8D solid 1px;

}

a.btn:hover{

text-decoration:underline; }

.common_content{

padding:0 0 20px 0; }

.border_left{

border-left:#cacfbb dotted 1px; padding-left:20px;

}

.border_none{

border:none!important; margin:0px!important; }

.left_side_bar{

width:210px; float:left; }

(41)

font-size:18px; padding:0 0 0 35px; margin-bottom:20px; color:red;

background:url(arrow.png) no-repeat 10px center; }

.left_side_bar .col_1{

padding:15px 5px 15px 10px; margin-bottom:20px;

border:#d2d7c3 solid 3px;

}

.left_side_bar .col_1 .box{

padding:5px 11px 5px; }

.left_side_bar .col_1 .box ul{ margin:0px; padding:0px; }

.left_side_bar .col_1 .box ul li{

margin:0px 0px 8px; padding:0px 0px 0px 20px; font-size:13px;

list-style-type:none;

background:url(li.png) no-repeat left center; }

.left_side_bar .col_1 .box ul li a{ color:#364b38;

text-decoration:underline; }

.cycle-headline { float: left; }

.slidenumbwp { text-align: right; }

.cycle-slide{ width: 100%; }

(42)

.header_top {

margin-top: 10px; }

.news-headline{ position: relative; margin-bottom: 5px; height: 450px; max-height: 450px; }

.left_side_bar .col_1 .box ul li a:hover{ color:#364b38;

text-decoration:none; }

/*----end page content----*/

/*----start footer content----*/ .footer{

clear:both; margin-top:30px;

text-align:center;

line-height:20px;

border:#95AE71 dotted 1px; }

/*----end footer content----*/

File :p_catalog.php

color: #000000; }

(43)

color: #990000; font-weight: bold; }

</style> <?php

$query = "select * from tb_input order by id desc"; $hasil = mysql_query($query);

$numrows = mysql_num_rows($hasil);

//Paging Data sebanyak 30 data product perlembar $jumlah = mysql_num_rows($hasil);

$limit = 30;

if (empty($offset)) { $offset = 0; }

if(isset($_GET['offset'])){$offset = $_GET['offset']; } $seleksi = "SELECT * FROM tb_input ORDER BY id DESC LIMIT $offset, $limit";

$result = mysql_query($seleksi); echo "<div align=\"right\">"; $halaman = intval($jumlah/$limit); if ($jumlah%$limit) {

$halaman++; }

for ($i=1;$i<=$halaman;$i++) { $newoffset=$limit*($i-1);

if ($offset!=$newoffset) {

echo "<b><font face=\"arial\" size=\"2\">[<a style=\"color: black\"

href=\"produk.php?offset=$newoffset\">$i</a>]</font></B>"; } else {

echo "<b><font face=\"arial\" size=\"3\" color=\"red\">[$i]</font></b>";

} }

echo "</div>"; //Batas kode paging data

(44)

<tr>

<?php

$kolom=3; $x = 0;

if($numrows > 0){

while($data=mysql_fetch_array($result)) {

if ($x >= $kolom) {

echo "</tr><tr>"; $x = 0;

} $x++;

?>

</div>

<?php $data = $data['judul'] ?><br><br> </div>

<div> <?php

echo '

<a href="berita_detail.php?id='.$data['id'].' "><img src="images/TDetail.jpg"\ title="Detail beria" border="0" width=\"50\" height=\"30\"></a>';

?> </div> <hr />

</td> <?php

(45)

</tr> </table>

File :gabrconfig.php

<?php

include "config.php";

$fileName = $_FILES['picture']['name']; //get the file name $fileSize = $_FILES['picture']['size']; //get the size

$fileError = $_FILES['picture']['error']; //get the error when upload if($fileSize > 0 || $fileError == 0){ //check if the file is corrupt or error $move = move_uploaded_file($_FILES['picture']['tmp_name'],

'C:/xampp/htdocs/E-Newsberitaonline/images/'.$fileName); //save image to the folder

if($move){

echo "<h3>Success! </h3>";

$q = "INSERT into tb_image VALUES('','$fileName','images/$fileName')"; //insert image property to database

$result = mysql_query($q);

$q1 = "SELECT location from tb_image where filename = '$fileName' limit 1 "; //get the image that have been uploaded

$result = mysql_query($q1);

while ($data = mysql_fetch_array($result)) { $loc = $data['location']; ?>

<br/>

<h2> This is the Image : </h2>

<img src="<?php echo $loc; ?>" />  <?php

} } else{

echo "<h3>Failed! </h3>"; }

} else {

echo "Failed to Upload : ".$fileError; }

?>

File :config.php

<?php

$host="localhost"; $user="root"; $pass="";

$namadb="beritaonline";

$koneksi=mysql_connect("$host","$user","$pass","$namadb") or die("Gagal mengkoneksikan");

$pilihdb=mysql_select_db("$namadb"); if($pilihdb) {

(46)

} else {

header('location:install.php'); }

?>

File : Conec.php

conek<?php

mysql_connect("localhost","root","") or die ("Koneksi Gagal");

mysql_select_db("beritaonline") or die("Database Tidak Ditemukan"); ?>

File :beritaonline.sql

-- phpMyAdmin SQL Dump -- version 4.2.7.1

-- http://www.phpmyadmin.net --

-- Host: 127.0.0.1

-- Generation Time: 02 Apr 2016 pada 18.12 -- Versi Server: 5.5.39

-- PHP Version: 5.4.31

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; SET time_zone = "+00:00";

/*!40101 SET

@OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */; /*!40101 SET

@OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;

/*!40101 SET

@OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */; /*!40101 SET NAMES utf8 */;

--

-- Database: `beritaonline` --

-- --- --

-- Struktur dari tabel `tb_admin` --

(47)

`username` varchar(35) CHARACTER SET utf8 NOT NULL, `password` text CHARACTER SET utf8 NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ; --

-- Dumping data untuk tabel `tb_admin` --

INSERT INTO `tb_admin` (`id`, `username`, `password`) VALUES (1, 'Tapiyanty', 'aaaa'),

(2, 'medan', 'admin');

-- --- --

-- Table structure for table `tb_input` --

CREATE TABLE IF NOT EXISTS `tb_input` ( `id` int(30) NOT NULL,

`kategori` int(12) NOT NULL, `judul` varchar(15) NOT NULL, `tanggal` date NOT NULL, `gambar` text(200) NOT NULL, `isi` varchar(500) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1; --

-- Dumping data for table `tb_input` --

INSERT INTO `tb_input` (`id`, `kategori`, `judul`, `tanggal`, `gambar`, `isi`) VALUES

('1','politik' , 'Indonesia dan Selandia Baru Jalin Kerja Sama Pendidikan','01-04-2016','ip.jpg', 'Selandia Baru menjadi salah satu patner strategis Indonesia dalam mengembangkan kerja sama pendidikan. Program beasiswa, pertukaran pelajar, dan riset jadi salah satu program unggulan. Selandia Baru berkomitmen ingin membantu Indonesia lewat dunia pendidikan.