51
LAMPIRAN
Lampiran 1
Kode Program I Kode Program untuk Home
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PhotoGraphy Information</title>
<meta name="keywords" content="free templates, website templates, CSS, HTML" />
<meta name="description" content="PhotoGraphy Information is a Free HTML CSS Template by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="slider_styles.css" />
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2.1-core.js"></script>
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2-more.js"></script>
<script language="javascript" type="text/javascript" src="scripts/slideitmoo-1.1.js"></script>
<script language="javascript" type="text/javascript"> window.addEvents({
'domready': function(){
/* thumbnails example , div containers */
new SlideItMoo({
overallContainer: 'SlideItMoo_outer',
elementScrolled: 'SlideItMoo_inner',
thumbsContainer: 'SlideItMoo_items',
itemsVisible: 4,
elemsSlide: 2,
52
300,itemsSelector: '.SlideItMoo_element',
itemWidth: 204,
showControls:1}); },
}); </script>
</head> <body>
<div id="templatemo_body_wrapper"> <div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1><img src="images/tele.png" /><a href="#"></a></h1></div> <div id="templatemo_menu">
<ul>
<li><a href="index2.php" class="current"> Home</a></li>
<li><a href="news2.php">News</a></li> <li><a href="galery2.php">Galery</a></li> <li><a href="about2.php">About</a></li>
<li><a href="contact2.php">Contact</a></li> </ul>
</div> <!-- end of templatemo_menu --> </div><!-- end of header -->
<div id="templatemo_middle"> <div id="mid_left">
<div id="mid_title">PhotoGraphy Information</div>
<p>Choose Your PhotoGraphy Store</p>
<p>Select Your Camera Properly</p>
</div>
53
<div id="templatemo_main">
<div class="cbox_fw">
<div class="cbox_large float_l"> <?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM main1");
while($baris=mySQL_fetch_row($kueri)) {
echo"<h2><td>".$baris[0]."</td></h2>";
echo"<td><p>".$baris[1]."</p></td>";
echo"<td><p>".$baris[2]."</p></td><hr>"; } ?> <div class="cleaner h20"></div>
<div class="cbox_small float_l">
<h4>Informasi Studio Photo</h4> <img
src="images/templatemo_image_051.png" alt="marketing" class="image_frame" />
<?php include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM main2");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
} ?> </div>
<div class="cbox_small float_r">
54
<imgsrc="images/templatemo_image_061.png" alt="consulting" class="image_frame" />
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM main3");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
} ?> <br>
<a
href="http://belajarfotografi.com/" class="more
float_r"><span>>></span> Read More <span>>></span></a>
</div>
<div class="cleaner h20"></div>
<div class="cbox_small float_l">
<h4>Komunitas Photography</h4> <img
src="images/templatemo_image_06.png" alt="consulting" class="image_frame" />
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM main4");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td><p>".$baris[0]."</p></td>";
55
</div><div class="cbox_small float_r"> <h2>Intermezzo</h2> <div class="rp_box">
<img src="images/1.png" alt="image 1" /><br>
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM data1");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
} ?> <div class="cleaner"></div> </div>
<div class="rp_box">
<img src="images/2.png" alt="image 2" /><br>
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM data2");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
} ?> <div class="cleaner"></div> </div>
<div class="rp_box">
<img src="images/3.png" alt="image 3" /><br>
56
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM data3");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
} ?> <div class="cleaner"></div> </div>
</div>
<div class="cleaner"></div> </div>
</div> <!-- end of main -->
<div id="latest_works"> <h2>Old Pictures</h2> <div id="SlideItMoo_outer"> <div id="SlideItMoo_inner"> <div id="SlideItMoo_items"> <div class="SlideItMoo_element"> <span></span>
<a href="#" target="_parent">
<img src="images/gallery1/01.png" alt="product 1" /></a>
</div> <div
class="SlideItMoo_element"><span></span> <a href="#" target="_parent">
<img src="images/gallery1/02.png"" alt="product 1" /></a>
</div> <div
class="SlideItMoo_element"><span></span> <a href="#"" target="_parent">
<img src="images/gallery1/03.png" alt="product 1" /></a>
57
class="SlideItMoo_element"><span></span> <a href="#" target="_parent">
<img src="images/gallery1/04.png" alt="product 1" /></a>
</div> <div
class="SlideItMoo_element"><span></span> <a href="#" target="_parent">
<img src="images/gallery1/05.png" alt="product 1" /></a>
</div> <div
class="SlideItMoo_element"><span></span> <a href="#" target="_parent">
<img src="images/gallery1/06.png" alt="product 1" /></a>
</div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent">
<img src="images/gallery1/07.png" alt="product 1" /></a>
</div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent"> <img
src="images/gallery1/08.png"alt="product 1" /></a> </div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent">
<img src="images/gallery1/09.png" alt="product 1" /></a>
</div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent">
<img src="images/gallery1/10.png" alt="product 1" /></a>
</div> </div> </div>
</div>
58
</div></div>
<div id="templatemo_footer_wrapper"> <div id="templatemo_footer">
Copyright © 2013 <a href="#">Poetra PhotoGraphy</a> | Designed by <a href="#"> Poetra <a>
<div class="cleaner"></div> </div>
</div>
</body> </html>
Kode Program 2 Kode Program untuk News
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PhotoGraphy Information</title>
<meta name="keywords" content="free templates, our company, about us, web design, HTML" />
<meta name="description" content="Design Work, Our Company, Free HTML CSS Template by templatemo.com" /> <link href="templatemo_style.css" rel="stylesheet"
type="text/css" />
<link rel="stylesheet" type="text/css" href="slider_styles.css" />
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2.1-core.js"></script> <script language="javascript" type="text/javascript" src="scripts/mootools-1.2-more.js"></script> <script language="javascript" type="text/javascript" src="scripts/slideitmoo-1.1.js"></script>
<script language="javascript" type="text/javascript"> window.addEvents({
'domready': function(){
/* thumbnails example , div containers */
new SlideItMoo({
59
elementScrolled: 'SlideItMoo_inner',
thumbsContainer: 'SlideItMoo_items',
itemsVisible: 4,
elemsSlide: 2,
duration: 300,
itemsSelector: '.SlideItMoo_element',
itemWidth: 204,
showControls:1}); },
}); </script>
</head> <body>
<div id="templatemo_body_wrapper"> <div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1><img src="images/tele.png" /><a href="#"></a></h1></div> <div id="templatemo_menu">
<ul>
<li><a href="index2.php"> Home</a></li> <li><a href="news2.php"
class="current">News</a></li>
<li><a href="galery2.php">Galery</a></li> <li><a href="about2.php">About</a></li>
<li><a href="contact2.php">Contact</a></li> </ul>
</div> <!-- end of templatemo_menu --> </div><!-- end of header -->
<div id="templatemo_middle"> <div id="mid_left">
60
Information</div><p>Choose Your PhotoGraphy Store</p> <p>Select Your Camera Properly</p>
</div>
<img src="images/sony.png" /> </div> <!-- end of middle -->
<div id="templatemo_main">
<div class="cbox_fw">
<div class="cbox_large float_l"> <?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM news1");
while($baris=mySQL_fetch_row($kueri)) {
echo"<h2><td>".$baris[0]."</td></h2>";
echo"<td><p>".$baris[1]."</p></td>"; } ?>
<div class="cleaner h20"></div>
<div class="cbox_small float_l">
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM news2");
while($baris=mySQL_fetch_row($kueri)) {
echo"<h2><td>".$baris[0]."</td></h2>";
61
<a href="http://belajarfotografi.com/tips-memotret-foto-makro-dengan-kamera-saku/" class="more
float_r"><span>>></span> Continue Reading <span>>></span></a>
</div> <div class="cbox_small float_r"> <?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM news3");
while($baris=mySQL_fetch_row($kueri)) {
echo"<h2><td>".$baris[0]."</td></h2>";
echo"<td>".$baris[1]."</td>";
} ?>
<a href="http://belajarfotografi.com/6-tips-mengurangi-flare-foto/" class="more float_r"><span>>></span> Continue Reading <span>>></span></a> </div>
</div>
<div class="cbox_small float_r"> <h2>Intermezzo</h2>
<div class="rp_box">
<img src="images/1.png" alt="image 1" /><br>
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM data1");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
62
<div class="cleaner"></div> </div>
<div class="rp_box">
<img src="images/2.png" alt="image 2" /><br>
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM data2");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
} ?> <div class="cleaner"></div> </div>
<div class="rp_box">
<img src="images/3.png" alt="image 3" /><br>
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM data3");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
} ?> <div class="cleaner"></div> </div>
<div class="rp_box">
<img src="images/4.png" alt="image 4" /><br>
63
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM data4");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
} ?> </div>
<div class="cleaner"></div> </div>
</div> <!-- end of main -->
<div id="latest_works"> <h2>Old Pictures</h2> <div id="SlideItMoo_outer"> <div id="SlideItMoo_inner"> <div id="SlideItMoo_items"> <div class="SlideItMoo_element"> <span></span>
<a href="#" target="_parent"> <img src="images/gallery1/01.png" alt="product 1" /></a>
</div> <div
class="SlideItMoo_element"><span></span> <a href="#" target="_parent"> <img src="images/gallery1/02.png"" alt="product 1" /></a>
</div> <div
class="SlideItMoo_element"><span></span> <a href="#"" target="_parent"> <img src="images/gallery1/03.png" alt="product 1" /></a>
</div> <div
64
alt="product 1" /></a> </div> <divclass="SlideItMoo_element"><span></span> <a href="#" target="_parent"> <img src="images/gallery1/05.png" alt="product 1" /></a>
</div> <div
class="SlideItMoo_element"><span></span> <a href="#" target="_parent"> <img src="images/gallery1/06.png" alt="product 1" /></a>
</div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent"> <img src="images/gallery1/07.png" alt="product 1" /></a>
</div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent"> <img
src="images/gallery1/08.png"alt="product 1" /></a> </div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent"> <img src="images/gallery1/09.png" alt="product 1" /></a>
</div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent"> <img src="images/gallery1/10.png" alt="product 1" /></a>
</div> </div> </div>
</div>
</div> <!-- end of templatemo_middle -->
65
<div id="templatemo_footer_wrapper"> <div id="templatemo_footer">
Copyright © 2013 <a href="#">Poetra PhotoGraphy</a> | Designed by <a href="#"> Poetra </a>
<div class="cleaner"></div> </div>
</div>
</body> </html>
Kode Program 3 Kode Program untuk Galery
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PhotoGraphy Information</title>
<meta name="keywords" content="free templates, blog page, CSS, HTML, templatemo" />
<meta name="description" content="Design Work, Blog Page, Free HTML CSS Template" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="slider_styles.css" />
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2.1-core.js"></script> <script language="javascript" type="text/javascript" src="scripts/mootools-1.2-more.js"></script> <script language="javascript" type="text/javascript" src="scripts/slideitmoo-1.1.js"></script>
<script language="javascript" type="text/javascript"> window.addEvents({
'domready': function(){
/* thumbnails example , div containers */
new SlideItMoo({
overallContainer: 'SlideItMoo_outer',
66
thumbsContainer: 'SlideItMoo_items',
itemsVisible: 4,
elemsSlide: 2,
duration: 300,
itemsSelector: '.SlideItMoo_element',
itemWidth: 204,
showControls:1}); },
}); </script>
</head> <body>
<div id="templatemo_body_wrapper"> <div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1><img src="images/tele.png" /><a href="#"></a></h1></div> <div id="templatemo_menu">
<ul>
<li><a href="index2.php"> Home</a></li> <li><a href="news2.php">News</a></li> <li><a href="galery2.php"
class="current">Galery</a></li>
<li><a href="about2.php">About</a></li> <li><a
href="contact2.php">Contact</a></li> </ul>
</div> <!-- end of templatemo_menu --> </div><!-- end of header -->
<div id="templatemo_middle"> <div id="mid_left">
67
<p>Choose Your PhotoGraphy Store</p> <p>Select Your Camera Properly</p>
</div>
<img src="images/sony.png" /> </div> <!-- end of middle -->
<div id="templatemo_main">
<div class="cbox_fw">
<div class="cbox_large float_l"> <div class="cbox_small float_l">
<img src="images/gallery1/11.png" /> <p>Candi Borobudur, Yogyakarta. </p><br>
<p>Nikon Coolpix f/2.8, 1/284 sec, ISO-64 </p><hr> </div>
<div class="cbox_small float_r">
<img src="images/gallery1/12.png" /> <p>Kampoeng Batik Laweyan, Surakarta</p><br>
<p>Casio Exilim f/3.2, 1/60 sec, ISO-4 </p><hr>
</div>
<div class="cleaner h30"></div>
<div class="cbox_small float_l">
<img src="images/gallery1/13.png"/>
<p>Candi Borobudur, Yogyakarta.
</p><br>
<p>Nikon Coolpix f/6.3, 1/168 sec, ISO-64 </p><hr> </div>
<div class="cbox_small float_r">
<img src="images/gallery1/14.png"/>
68
<p>Canon EOS 1100d f/5.6, 1/160 sec, ISO-100 </p><hr>
</div>
<div class="cleaner h30"></div>
<div class="cbox_small float_l">
<img src="images/gallery1/15.png"/> <p>Candi Gedong Songo, Bandungan </p><br>
<p>Canon EOS 1100d f/5.6, 1/125 sec, ISO-200</p><hr>
</div>
<div class="cbox_small float_r">
<img src="images/gallery1/16.png"/>
<p>Pantai Kartini, Jepara
</p><br>
<p>Canon EOS 1100d f/4, 1/320 sec, ISO-2500</p><hr>
</div> </div>
<div class="cbox_small float_r">
<img src="images/gallery1/17.png"/> <p>Keraton Surakarta Hadiningrat, Surakarta </p><br>
<p>Casio Exilim f/8, 1/200 sec, ISO-64</p><hr> <div class="cleaner"></div>
</div>
<div class="cbox_small float_r">
<img src="images/gallery1/19.png"/> <p>Sumurup, Ambarawa </p>
<p>Merenungi Nasib</p><br>
<p>Casio Exilim f/8, 1/125 sec, ISO-64</p><hr> <div class="cleaner"></div>
</div>
69
<img src="images/gallery1/20.png"/> <p>Gunung Payung, Blotongan </p>
<p>Tower I'm In Love</p><br>
<p>Canon EOS 1100d f/5.6, 1/60 sec, ISO-800</p><hr>
<div class="cleaner"></div> </div> </div> <!-- end of main -->
<br><div id="latest_works"> <h2>Old Pictures</h2> <div id="SlideItMoo_outer"> <div id="SlideItMoo_inner"> <div id="SlideItMoo_items"> <div class="SlideItMoo_element"> <span></span>
<a href="#" target="_parent"> <img src="images/gallery1/01.png" alt="product 1" /></a>
</div> <div
class="SlideItMoo_element"><span></span> <a href="#" target="_parent"> <img src="images/gallery1/02.png"" alt="product 1" /></a>
</div> <div
class="SlideItMoo_element"><span></span> <a href="#"" target="_parent"> <img src="images/gallery1/03.png" alt="product 1" /></a>
</div> <div
class="SlideItMoo_element"><span></span> <a href="#" target="_parent"> <img src="images/gallery1/04.png" alt="product 1" /></a>
</div> <div
class="SlideItMoo_element"><span></span> <a href="#" target="_parent"> <img src="images/gallery1/05.png" alt="product 1" /></a>
70
<divclass="SlideItMoo_element"><span></span> <a href="#" target="_parent"> <img src="images/gallery1/06.png" alt="product 1" /></a>
</div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent"> <img src="images/gallery1/07.png" alt="product 1" /></a>
</div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent"> <img
src="images/gallery1/08.png"alt="product 1" /></a> </div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent"> <img src="images/gallery1/09.png" alt="product 1" /></a>
</div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent"> <img src="images/gallery1/10.png" alt="product 1" /></a>
</div> </div> </div>
</div>
</div> <!-- end of templatemo_middle --> </div>
</div>
<div id="templatemo_footer_wrapper"> <div id="templatemo_footer">
Copyright © 2013 <a href="#">Poetra PhotoGraphy</a> | Designed by <a href="#"> Poetra </a>
<div class="cleaner"></div> </div>
71
Kode Program 4 Kode Program untuk About
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PhotoGraphy Information</title>
<meta name="keywords" content="free templates, our company, about us, web design, HTML" />
<meta name="description" content="Design Work, Our Company, Free HTML CSS Template by templatemo.com" /> <link href="templatemo_style.css" rel="stylesheet"
type="text/css" />
<link rel="stylesheet" type="text/css" href="slider_styles.css" />
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2.1-core.js"></script> <script language="javascript" type="text/javascript" src="scripts/mootools-1.2-more.js"></script> <script language="javascript" type="text/javascript" src="scripts/slideitmoo-1.1.js"></script>
<script language="javascript" type="text/javascript"> window.addEvents({
'domready': function(){
/* thumbnails example , div containers */
new SlideItMoo({
overallContainer: 'SlideItMoo_outer',
elementScrolled: 'SlideItMoo_inner',
thumbsContainer: 'SlideItMoo_items',
itemsVisible: 4,
elemsSlide: 2,
duration: 300,
itemsSelector: '.SlideItMoo_element',
72
showControls:1});},
}); </script>
</head> <body>
<div id="templatemo_body_wrapper"> <div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1><img src="images/tele.png" /><a href="#"></a></h1></div> <div id="templatemo_menu">
<ul>
<li><a href="index2.php"> Home</a></li> <li><a href="news2.php" >News</a></li> <li><a href="galery2.php">Galery</a></li> <li><a
href="about2.php"class="current">About</a></li> <li><a href="contact2.php">Contact</a></li> </ul>
</div> <!-- end of templatemo_menu --> </div><!-- end of header -->
<div id="templatemo_middle"> <div id="mid_left">
<div id="mid_title">PhotoGraphy Information</div>
<p>Choose Your PhotoGraphy Store</p> <p>Select Your Camera Properly</p>
</div>
<img src="images/sony.png" /> </div><!-- end of middle -->
<div id="templatemo_main">
<div class="cbox_fw">
<div class="cbox_large float_l">
73
</h2></center><center><img src="images/5.png" alt="image 1" /></center>
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM aboutme");
while($baris=mySQL_fetch_row($kueri)) {
echo"<hr><h4><td>".$baris[0]."</td></h4>";
echo"<td><p>".$baris[1]."</p></td>"; } ?> <div class="cleaner h20"></div> </div>
<div class="cbox_small float_r"> <h2>Intermezzo</h2>
<div class="rp_box">
<img src="images/1.png" alt="image 1" /><br>
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM data1");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
} ?> <div class="cleaner"></div> </div>
<div class="rp_box">
<img src="images/2.png" alt="image 2" /><br>
74
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM data2");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
} ?> <div class="cleaner"></div> </div>
<div class="rp_box">
<img src="images/3.png" alt="image 3" /><br>
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM data3");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
} ?> <div class="cleaner"></div> </div>
<div class="rp_box">
<img src="images/4.png" alt="image 4" /><br>
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM data4");
75
echo"<td>".$baris[0]."</td>";
} ?> </div>
<div class="cleaner"></div> </div>
</div> <!-- end of main -->
<div id="latest_works"> <h2>Old Pictures</h2> <div id="SlideItMoo_outer"> <div id="SlideItMoo_inner"> <div id="SlideItMoo_items"> <div class="SlideItMoo_element"> <span></span>
<a href="#" target="_parent"> <img src="images/gallery1/01.png" alt="product 1" /></a>
</div> <div
class="SlideItMoo_element"><span></span> <a href="#" target="_parent"> <img src="images/gallery1/02.png"" alt="product 1" /></a>
</div> <div
class="SlideItMoo_element"><span></span> <a href="#"" target="_parent"> <img src="images/gallery1/03.png" alt="product 1" /></a>
</div> <div
class="SlideItMoo_element"><span></span> <a href="#" target="_parent"> <img src="images/gallery1/04.png" alt="product 1" /></a>
</div> <div
class="SlideItMoo_element"><span></span> <a href="#" target="_parent"> <img src="images/gallery1/05.png" alt="product 1" /></a>
76
<divclass="SlideItMoo_element"><span></span> <a href="#" target="_parent"> <img src="images/gallery1/06.png" alt="product 1" /></a>
</div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent"> <img src="images/gallery1/07.png" alt="product 1" /></a>
</div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent"> <img
src="images/gallery1/08.png"alt="product 1" /></a> </div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent"> <img src="images/gallery1/09.png" alt="product 1" /></a>
</div>
<div class="SlideItMoo_element"><span></span>
<a href="#" target="_parent"> <img src="images/gallery1/10.png" alt="product 1" /></a>
</div> </div> </div>
</div> <a href="#" class="more
float_r"><span>>></span> View More</a> </div> <!-- end of templatemo_middle --> </div>
</div>
<div id="templatemo_footer_wrapper"> <div id="templatemo_footer">
Copyright © 2013 <a href="#">Poetra PhotoGraphy</a> | Designed by <a href="#">Poetra PhotoGraphy</a>
77
</div></body> </html>
Kode Program 5 Kode Program untuk Contact
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PhotoGraphy Information</title>
<meta name="keywords" content="design work, contact page, free templates, CSS, HTML" />
<meta name="description" content="Design Work, Contact Page, Free HTML CSS Template" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head> <body>
<div id="templatemo_body_wrapper"> <div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1><img src="images/tele.png" /><a href="#"></a></h1></div> <div id="templatemo_menu">
<ul>
<li><a href="index2.php" >Home</a></li> <li><a href="news2.php">News</a></li> <li><a href="galery2.php">Galery</a></li> <li><a href="about2.php">About</a></li> <li><a
href="contact2.php"class="current">Contact</a></li> </ul>
</div> <!-- end of templatemo_menu --> </div><!-- end of header -->
<div id="templatemo_middle"> <div id="mid_left">
<div id="mid_title">PhotoGraphy Information</div>
78
<p>Select Your Camera Properly</p>
</div>
<img src="images/sony.png" /> </div><!-- end of middle -->
<div id="templatemo_main">
<div class="cbox_fw"> <div class="cbox_large float_l">
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM contactinfo");
while($baris=mySQL_fetch_row($kueri)) {
echo"<h5><td>".$baris[0]."</td></h5>";
echo"<td><p>".$baris[1]."</p></td>"; } ?> <div class="cleaner h20"></div>
<div class="cbox_small float_l">
<h4>Informasi Studio Photo</h4> <img
src="images/templatemo_image_051.png" alt="marketing" class="image_frame" />
<?php include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM contactinfo1");
79
echo"<p><td>".$baris[0]."</td></p>";
} ?> </div>
<div class="cbox_small float_r"> <h4>Komunitas Photography</h4> <img
src="images/templatemo_image_06.png" alt="consulting" class="image_frame" />
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM contactinfo2");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
} ?>
<a href="https://www.facebook.com/groups/177724638959072/ " class="more float_r"><span>>></span> Komunitas Kamera Apa Saja <span>>></span></a>
</div>
<div class="cleaner h20"></div>
</div> <div class="cbox_small float_r"> <h2>Intermezzo</h2> <div class="rp_box">
<img src="images/1.png" alt="image 1" /><br>
<?php
include ("connect.inc");
80
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
} ?> <div class="cleaner"></div> </div>
<div class="rp_box">
<img src="images/2.png" alt="image 2" /><br>
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM data2");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
} ?> <div class="cleaner"></div> </div>
<div class="rp_box">
<img src="images/3.png" alt="image 3" /><br>
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM data3");
81
echo"<td>".$baris[0]."</td>";
} ?> <div class="cleaner"></div> </div>
<div class="rp_box">
<img src="images/4.png" alt="image 4" /><br>
<?php
include ("connect.inc");
$kueri=mySQL_query("SELECT *FROM data4");
while($baris=mySQL_fetch_row($kueri)) {
echo"<td>".$baris[0]."</td>";
} ?> </div>
<div class="cleaner"></div> </div>
</div> <!-- end of main -->
<body>
Silahkan Masukkan Komentar Anda : <br><br> <div id="comment">
<form name="submitcomment" method="post" action="submitcomment.php">Nama:<br>
<input name="nama" type="text"><br> Email Anda:<br><input name="email" type="text"><br>
Website Anda:<br><input name="website" type="text"><br>
82
<input name="art_id" value="1" type="hidden"> <input name="art_url" value="contact2.php" type="hidden"><br>
<input name="tombol" value="Post Comment" type="submit"></form></div>
<div id="publishcomment">
<div id="comment"> <?php
include("publishcomment.php"); getcomment("1"); $kueri=mySQL_query("SELECT *FROM
komentar"); ?> </div>
</div> </body> </div> </div>
</div>
<div id="templatemo_footer_wrapper"> <div id="templatemo_footer">
Copyright © 2013 <a href="#">Poetra
PhotoGraphy</a> | Designed by <a href="#"> Poetra </a> <div class="cleaner"></div>
</div> </div>
</body> </html>
Kode Program 6 Kode Program untuk PublishComment
<?php
$dbserver="localhost"; $dbuser="alle"; $dbpass="231007"; $dbname="PhotoGraphy";
$koneksi=mysql_connect($dbserver, $dbuser, $dbpass);
if(!$koneksi)
83
mysql_select_db("PhotoGraphy", $koneksi); ?>
<?php
function getcomment($art_id){
$commentquery = mysql_query("SELECT * FROM comment WHERE art_id='$art_id'
ORDER BY id DESC") or die(mysql_error()); $commentNum = mysql_num_rows($commentquery); echo "<h4>" . "Current comment(s)..." . "</h4>";
echo "<b>" . $commentNum . " comment(s) so far. Leave a comment..." .
"</b>" . "<br />" . "<br />"; echo "<hr>";
while($row = mysql_fetch_array($commentquery)) {
echo "<b>" . $row['nama'] . "</b>" . " " . " | " . " " . "<i>" . $row['date'] . "</i>" . "<br />" . "<br />" . $row['komentar'] . "<br />";
echo "<hr>"; }
} ?>
Kode Program 7 Kode Program untuk SubmitComment
<?php
$dbserver="localhost"; $dbuser="alle"; $dbpass="231007"; $dbname="PhotoGraphy";
if($_POST["tombol"]=="Kirim") {
$nama=$_POST["nama"]; $email=$_POST["email"]; $website=$_POST["website"]; $komentar=$_POST["komentar"]; $art_id=$_POST["art_id"]; $art_url=$_POST["art_url"];
if(empty($nama)){
84
die("nama & komentar harus diisi . . . ! ! !");} if(empty($komentar)){
echo "<meta http-equiv='refresh' content='2; url=$art_url'>"; die("komentar harus diisi . . . ! ! !");}
}
//connect database
$koneksi=mysql_connect($dbserver, $dbuser, $dbpass); if(!$koneksi)
die("Tidak dapat melakukan koneksi ke server MySQL");
//Menampilkan data
mysql_select_db("PhotoGraphy", $koneksi);
$sql="INSERT INTO comment (nama, email, website, komentar, art_id, art_url,
date) VALUES
('$_POST[nama]','$_POST[email]','$_POST[website]', '$_POST[komentar]',
'$_POST[art_id]', '$_POST[art_url]', NOW())";
if (!mysql_query($sql,$koneksi)) {
die('Error: ' . mysql_error()); }
echo "<meta http-equiv='refresh' content='0; url=$art_url'>";
//Memutuskan koneksi mysql_close($koneksi); ?>
Kode Program 8 Kode Program untuk Admin
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PhotoGraphy Information</title>
<meta name="keywords" content="free templates, website templates, CSS, HTML" />
85
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="slider_styles.css" />
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2.1-core.js"></script> <script language="javascript" type="text/javascript" src="scripts/mootools-1.2-more.js"></script> <script language="javascript" type="text/javascript" src="scripts/slideitmoo-1.1.js"></script>
<script language="javascript" type="text/javascript"> window.addEvents({
'domready': function(){
/* thumbnails example , div containers */
new SlideItMoo({
overallContainer: 'SlideItMoo_outer',
elementScrolled: 'SlideItMoo_inner',
thumbsContainer: 'SlideItMoo_items',
itemsVisible: 4,
elemsSlide: 2,
duration: 300,
itemsSelector: '.SlideItMoo_element',
itemWidth: 204,
showControls:1}); }, });
function userLogin() {
var myForm = document.login;
if (myForm.username.value == "admin" && myForm.pass.value == "1234")
86
elsealert("username atau password yang dimasukkan salah"); }
</script> </head> <body>
<div id="templatemo_body_wrapper"> <div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1><img src="images/tele.png" /><a href="#"></a></h1></div> <div id="templatemo_menu">
<ul>
<li><a href="index2.php" class="current"> Home</a></li>
<li><a href="news2.php">News</a></li> <li><a href="galery2.php">Galery</a></li> <li><a href="about2.php">About</a></li>
<li><a href="contact2.php">Contact</a></li> </ul>
</div> <!-- end of templatemo_menu --> </div><!-- end of header -->
<div id="templatemo_middle"> <div id="mid_left">
<div id="mid_title">PhotoGraphy Information</div>
<p>Choose Your PhotoGraphy Store</p> <p>Select Your Camera Properly</p>
</div>
<img src="images/sony.png" /> </div> <!-- end of middle --> <script>
function userLogin() {
var myForm = document.login;
if (myForm.username.value == "admin" && myForm.pass.value == "1234")
window.location.href = ""; else
87
}</script>
<body><BR>
<h3> Masukkan Username & Password </h3><BR>
<FORM NAME="login">
Username: <INPUT NAME="username">
<BR><BR>
Password : <INPUT NAME="pass" TYPE=PASSWORD><BR> <BR> &n bsp; &nbs p; & nbsp; &nb sp;
<INPUT TYPE=BUTTON VALUE="Login" onClick="userLogin()" target="_blank"> </FORM>
</div> </div>
<div id="templatemo_footer_wrapper"> <div id="templatemo_footer">
Copyright © 2013 <a href="#">Poetra
PhotoGraphy</a> | Designed by <a href="#"> Poetra <a> <div class="cleaner"></div>
</div> </div>
</body> </html>
Kode Program 9 Kode Program untuk Input Artikel
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PhotoGraphy Information</title>
<meta name="keywords" content="free templates, website templates, CSS, HTML" />
88
a Free HTML CSS Template by templatemo.com" /> <link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="slider_styles.css" /> <script language="javascript" type="text/javascript"
src="scripts/mootools-1.2.1-core.js"></script> <script language="javascript" type="text/javascript" src="scripts/mootools-1.2-more.js"></script> <script language="javascript" type="text/javascript" src="scripts/slideitmoo-1.1.js"></script>
<script language="javascript" type="text/javascript"> window.addEvents({
'domready': function(){
/* thumbnails example , div containers */
new SlideItMoo({
overallContainer: 'SlideItMoo_outer',
elementScrolled: 'SlideItMoo_inner',
thumbsContainer: 'SlideItMoo_items',
itemsVisible: 4, elemsSlide: 2,
duration: 300,
itemsSelector: '.SlideItMoo_element',
itemWidth: 204,
showControls:1}); }, }); </script> </head> <body>
<div id="templatemo_body_wrapper"> <div id="templatemo_wrapper"> <div id="templatemo_header">
<div id="site_title"><h1><img src="images/tele.png" /><a href="#"></a></h1></div> <div id="templatemo_menu">
89
<li><a href="index2.php" class="current"> Home</a></li>
<li><a href="news2.php">News</a></li> <li><a href="galery2.php">Galery</a></li> <li><a href="about2.php">About</a></li>
<li><a href="contact2.php">Contact</a></li> </ul>
</div> <!-- end of templatemo_menu --> </div><!-- end of header -->
<div id="templatemo_middle"> <div id="mid_left">
<div id="mid_title">PhotoGraphy Information</div> <p>Choose Your PhotoGraphy Store</p>
<p>Select Your Camera Properly</p>
</div>
<img src="images/sony.png" /> </div> <!-- end of middle --> <div align="center">
<table width="350" height="35%" border="0"> <tr>
<td width="842" height="136" class="header" valign="bottom" align="right">
<p class="style2"> </p> <p class="style2"> </p> <p class="style2">
</p></td> </tr> <tr>
<td height="180" valign="top"><h1 align="center" class="style2">KELOLA DATA </h1>
<p align="center" class="style2"> </p> <p align="center" class="style2"> </p> <div align="center">
<h3><a href="artikel.php" class="style2">Input Artikel </a> </h3>
</div> </tr> </table> </div> </div>
<div id="templatemo_footer_wrapper"> <div id="templatemo_footer">
90
Designed by <a href="#"> Poetra <a> <div class="cleaner"></div> </div></div> </body> </html>
Kode Program 10 Kode Program untuk Artikel
<html> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PhotoGraphy Information</title>
<meta name="keywords" content="free templates, website templates, CSS, HTML" />
<meta name="description" content="PhotoGraphy Information is a Free HTML CSS Template by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="slider_styles.css" />
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2.1-core.js"></script> <script language="javascript" type="text/javascript" src="scripts/mootools-1.2-more.js"></script> <script language="javascript" type="text/javascript" src="scripts/slideitmoo-1.1.js"></script>
<script language="javascript" type="text/javascript"> window.addEvents({
'domready': function(){
/* thumbnails example , div containers */
new SlideItMoo({
overallContainer: 'SlideItMoo_outer',
elementScrolled: 'SlideItMoo_inner',
thumbsContainer: 'SlideItMoo_items',
91
elemsSlide: 2,duration: 300,
itemsSelector: '.SlideItMoo_element',
itemWidth: 204,
showControls:1}); },
}); </script>
</head> <body>
<div id="templatemo_body_wrapper"> <div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><h1><img src="images/tele.png" /><a href="#"></a></h1></div> <div id="templatemo_menu">
<ul>
<li><a href="index2.php" class="current"> Home</a></li>
<li><a href="news2.php">News</a></li> <li><a href="galery2.php">Galery</a></li> <li><a href="about2.php">About</a></li>
<li><a href="contact2.php">Contact</a></li> </ul>
</div> <!-- end of templatemo_menu --> </div><!-- end of header -->
<div id="templatemo_middle"> <div id="mid_left">
<div id="mid_title">PhotoGraphy Information</div>
<p>Choose Your PhotoGraphy Store</p> <p>Select Your Camera Properly</p>
92
<img src="images/sony.png" /> </div> <!-- end of middle -->
<div align="center">
<table width="600" border="0"> <tr>
<td>
<form method="post" name="artikel" action="submitartikel.php">
<p> </p> <p><span class="style2">JUDUL ARTIKEL</span><br />
<input type="text" name="judul" size="30" maxlength="255" />
</p> <p><span class="style2">ISI ARTIKEL</span><br />
<textarea name="isi" cols="60" rows="10"></textarea>
</p> <p><br />
<input type="submit" name="submit" value="POST ARTIKEL" />
</p> </form> </td> </tr> </table>
</div> </div>
<div id="templatemo_footer_wrapper"> <div id="templatemo_footer">
Copyright © 2013 <a href="#">Poetra
PhotoGraphy</a> | Designed by <a href="#"> Poetra <a> <div class="cleaner"></div>
</div> </div>
93
Kode Program 11 Kode Program untuk Submit Artikel
<?php
include ("koneksi.php"); //variable input
$judul = $_POST['judul']; $penulis = $_POST['penulis']; $isi = $_POST['isi'];
$tanggal = $_POST['tanggal']; $tanggal = date ('Y-m-j');
//proses memasukkan data ke database
$query = mysql_query ("INSERT INTO artikel values ('','$judul','$penulis','$isi','$tanggal')");
//cek query if ($query) {
print "<script>alert ('BERHASIL MEMBUAT ARTIKEL'); javascript:history.go(-1);</script>";
} else {
// jika query salah
print "<script>alert ('GAGAL MEMBUAT ARTIKEL'); javascript:history.go (-1);</script>";
//tutup koneksi mysql_close (); } ?>
Kode Program 12 Kode Program untuk Koneksi.php
<?php
$dbserver="localhost"; $dbuser="alle"; $dbpass="231007"; $dbname="PhotoGraphy";
$koneksi=mySQL_connect($dbserver, $dbuser, $dbpass);
if($koneksi) {
mySQL_select_db($dbname) or die("Data Tidak Ketemu");
echo "<h1> </h1><BR>"; }
94
{echo "Koneksi Gagal"; }
?>
Kemudian file kode koneksi.php di save as dan disimpan
dengan nama connect.inc agar data koneksi seperti :
$dbserver="localhost";
$dbuser="alle";
$dbpass="231007";
$dbname="PhotoGraphy";
95
