Source Code Making Dynamic Website (1)

L-1



Koneksi.php

<?php

$server = "localhost";

$username = "root";

$password = "";

$database = "dbibnun";

// Koneksi dan memilih database di server

mysql_connect($server,$username,$password) or die("Koneksi gagal");

mysql_select_db($database) or die("Database tidak bisa dibuka");

?>



Tgl_indo.php

<?php

function tgl_indo($tgl){

$tanggal = substr($tgl,8,2);

$bulan = getBulan(substr($tgl,5,2));

$tahun = substr($tgl,0,4);

return $tanggal.' '.$bulan.' '.$tahun;

}

function getBulan($bln){

switch ($bln){

case 1:

break;

case 2:

return "Februari";

break;

case 3:

return "Maret";

break;

case 4:

return "April";

break;

case 5:

return "Mei";

break;

case 6:

return "Juni";

break;

case 7:

return "Juli";

break;

case 8:

return "Agustus";

break;

case 9:

return "September";

break;

return "Oktober";

break;

case 11:

return "November";

break;

case 12:

return "Desember";

break;

}

}

?>



Fungsi_thumb.php

<?php

function UploadImage($fupload_name){

//direktori gambar

$vdir_upload = "../../../foto_berita/";

$vfile_upload = $vdir_upload . $fupload_name;

//Simpan gambar dalam ukuran sebenarnya

move_uploaded_file($_FILES["fupload"]["tmp_name"], $vfile_upload);

//identitas file asli

$im_src = imagecreatefromjpeg($vfile_upload);

$src_width = imageSX($im_src);

$src_height = imageSY($im_src);

//Simpan dalam versi small 350 pixel

$dst_width = 350;

$dst_height = ($dst_width/$src_width)*$src_height;

//proses perubahan ukuran

$im = imagecreatetruecolor($dst_width,$dst_height);

imagecopyresampled($im, $im_src, 0, 0, 0, 0, $dst_width, $dst_height, $src_width, $src_height);

//Simpan gambar

imagejpeg($im,$vdir_upload . "small_" . $fupload_name);

//Hapus gambar di memori komputer

imagedestroy($im_src);

imagedestroy($im);

}

function UploadBanner($fupload_name){

//direktori banner

$vdir_upload = "../../../foto_banner/";

$vfile_upload = $vdir_upload . $fupload_name;

//Simpan gambar dalam ukuran sebenarnya

move_uploaded_file($_FILES["fupload"]["tmp_name"], $vfile_upload);

}

function UploadFile($fupload_name){

//direktori file

$vdir_upload = "../../../files/";

$vfile_upload = $vdir_upload . $fupload_name;

//Simpan gambar dalam ukuran sebenarnya

move_uploaded_file($_FILES["fupload"]["tmp_name"], $vfile_upload);

}

//direktori gambar

$vdir_upload = "../../../img_album/";

$vfile_upload = $vdir_upload . $fupload_name;

//Simpan gambar dalam ukuran sebenarnya

move_uploaded_file($_FILES["fupload"]["tmp_name"], $vfile_upload);

//identitas file asli

$im_src = imagecreatefromjpeg($vfile_upload);

$src_width = imageSX($im_src);

$src_height = imageSY($im_src);

//Simpan dalam versi small 120 pixel

//Set ukuran gambar hasil perubahan

$dst_width = 120;

$dst_height = ($dst_width/$src_width)*$src_height;

//proses perubahan ukuran

$im = imagecreatetruecolor($dst_width,$dst_height);

imagecopyresampled($im, $im_src, 0, 0, 0, 0, $dst_width, $dst_height, $src_width, $src_height);

//Simpan gambar

imagejpeg($im,$vdir_upload . "kecil_" . $fupload_name);

//Hapus gambar di memori komputer

imagedestroy($im_src);

imagedestroy($im);

}

function UploadGallery($fupload_name){

//direktori gambar

$vdir_upload = "../../../img_galeri/";

//Simpan gambar dalam ukuran sebenarnya

move_uploaded_file($_FILES["fupload"]["tmp_name"], $vfile_upload);

//identitas file asli

$im_src = imagecreatefromjpeg($vfile_upload);

$src_width = imageSX($im_src);

$src_height = imageSY($im_src);

//Simpan dalam versi small 100 pixel

//Set ukuran gambar hasil perubahan

$dst_width = 100;

$dst_height = ($dst_width/$src_width)*$src_height;

//proses perubahan ukuran

$im = imagecreatetruecolor($dst_width,$dst_height);

imagecopyresampled($im, $im_src, 0, 0, 0, 0, $dst_width, $dst_height, $src_width, $src_height);

//Simpan gambar

imagejpeg($im,$vdir_upload . "kecil_" . $fupload_name);

//Hapus gambar di memori komputer

imagedestroy($im_src);

imagedestroy($im);

}

function UploadInfo($fupload_name){

//direktori gambar

$vdir_upload = "../../../foto_info/";

$vfile_upload = $vdir_upload . $fupload_name;

//Simpan gambar dalam ukuran sebenarnya

move_uploaded_file($_FILES["fupload"]["tmp_name"], $vfile_upload);

$im_src = imagecreatefromjpeg($vfile_upload);

$src_width = imageSX($im_src);

$src_height = imageSY($im_src);

//Simpan dalam versi small 54 pixel

//Set ukuran gambar hasil perubahan

$dst_width = 54;

$dst_height = ($dst_width/$src_width)*$src_height;

//proses perubahan ukuran

$im = imagecreatetruecolor($dst_width,$dst_height);

imagecopyresampled($im, $im_src, 0, 0, 0, 0, $dst_width, $dst_height, $src_width, $src_height);

//Simpan gambar

imagejpeg($im,$vdir_upload . "kecil_" . $fupload_name);

//Hapus gambar di memori komputer

imagedestroy($im_src);

imagedestroy($im);

}

?>



Class_paging.php

<?php

// class paging untuk halaman administrator

class Paging{

// Fungsi untuk mencek halaman dan posisi data

function cariPosisi($batas){

$posisi=0;

$_GET[halaman]=1;

}

else{

$posisi = ($_GET[halaman]-1) * $batas;

}

return $posisi;

}

// Fungsi untuk menghitung total halaman

function jumlahHalaman($jmldata, $batas){

$jmlhalaman = ceil($jmldata/$batas);

return $jmlhalaman;

}

// Fungsi untuk link halaman 1,2,3 (untuk admin)

function navHalaman($halaman_aktif, $jmlhalaman){

$link_halaman = "";

// Link halaman 1,2,3, ...

for ($i=1; $i<=$jmlhalaman; $i++){

if ($i == $halaman_aktif){

$link_halaman .= "<b>$i</b> | ";

}

else{

$link_halaman .= "<a

href=$_SERVER[PHP_SELF]?module=$_GET[module]&halaman=$i>$i</a> | ";

}

$link_halaman .= " ";

return $link_halaman;

}

}

// class paging untuk halaman berita (menampilkan semua berita)

class Paging2{

// Fungsi untuk mencek halaman dan posisi data

function cariPosisi($batas){

if(empty($_GET[halberita])){

$posisi=0;

$_GET[halberita]=1;

}

else{

$posisi = ($_GET[halberita]-1) * $batas;

}

return $posisi;

}

// Fungsi untuk menghitung total halaman

function jumlahHalaman($jmldata, $batas){

$jmlhalaman = ceil($jmldata/$batas);

return $jmlhalaman;

}

// Fungsi untuk link halaman 1,2,3

function navHalaman($halaman_aktif, $jmlhalaman){

$link_halaman = "";

// Link halaman 1,2,3, ...

if ($i == $halaman_aktif){

$link_halaman .= "<b>$i</b> | ";

}

else{

$link_halaman .= "<a href=halberita-$i.html>$i</a> | ";

}

$link_halaman .= " ";

}

return $link_halaman;

}

}

// class paging untuk halaman kategori (menampilkan semua kategori)

class Paging3{

// Fungsi untuk mencek halaman dan posisi data

function cariPosisi($batas){

if(empty($_GET[halkategori])){

$posisi=0;

$_GET[halkategori]=1;

}

else{

$posisi = ($_GET[halkategori]-1) * $batas;

}

return $posisi;

}

// Fungsi untuk menghitung total halaman

$jmlhalaman = ceil($jmldata/$batas);

return $jmlhalaman;

}

// Fungsi untuk link halaman 1,2,3

function navHalaman($halaman_aktif, $jmlhalaman){

$link_halaman = "";

// Link halaman 1,2,3, ...

for ($i=1; $i<=$jmlhalaman; $i++){

if ($i == $halaman_aktif){

$link_halaman .= "<b>$i</b> | ";

}

else{

$link_halaman .= "<a href=halkategori-$_GET[id]-$i.html>$i</a> | ";

}

$link_halaman .= " ";

}

return $link_halaman;

}

}

// class paging untuk halaman hasil pencarian

class Paging7{

// Fungsi untuk mencek halaman dan posisi data

function cariPosisi($batas){

if(empty($_GET[halpencarian])){

$posisi=0;

}

else{

$posisi = ($_GET[halpencarian]-1) * $batas;

}

return $posisi;

}

// Fungsi untuk menghitung total halaman

function jumlahHalaman($ketemu2, $batas){

$jmlhalaman = ceil($ketemu2/$batas);

return $jmlhalaman;

}

// Fungsi untuk link halaman 1,2,3

function navHalaman($halaman_aktif, $jmlhalaman){

$link_halaman = "";

// Link halaman 1,2,3, ...

for ($i=1; $i<=$jmlhalaman; $i++){

if ($i == $halaman_aktif){

$link_halaman .= "<b>$i</b> | ";

}

else{

$link_halaman .= "<a href=halpencarian-$_POST[kata]-$i.html>$i</a> | ";

}

$link_halaman .= " ";

}

return $link_halaman;

}

// class paging untuk halaman galeri foto

class Paging6{

// Fungsi untuk mencek halaman dan posisi data

function cariPosisi($batas){

if(empty($_GET[halgaleri])){

$posisi=0;

$_GET[halgaleri]=1;

}

else{

$posisi = ($_GET[halgaleri]-1) * $batas;

}

return $posisi;

}

// Fungsi untuk menghitung total halaman

function jumlahHalaman($jmldata, $batas){

$jmlhalaman = ceil($jmldata/$batas);

return $jmlhalaman;

}

// Fungsi untuk link halaman 1,2,3

function navHalaman($halaman_aktif, $jmlhalaman){

$link_halaman = "";

// Link halaman 1,2,3, ...

for ($i=1; $i<=$jmlhalaman; $i++){

if ($i == $halaman_aktif){

}

else{

$link_halaman .= "<a href=halgaleri-$_GET[id]-$i.html>$i</a> | ";

}

$link_halaman .= " ";

}

return $link_halaman;

}

}

// class paging untuk halaman agenda (menampilkan semua agenda)

class Paging4{

// Fungsi untuk mencek halaman dan posisi data

function cariPosisi($batas){

if(empty($_GET[halagenda])){

$posisi=0;

$_GET[halagenda]=1;

}

else{

$posisi = ($_GET[halagenda]-1) * $batas;

}

return $posisi;

}

// Fungsi untuk menghitung total halaman

function jumlahHalaman($jmldata, $batas){

$jmlhalaman = ceil($jmldata/$batas);

}

// Fungsi untuk link halaman 1,2,3

function navHalaman($halaman_aktif, $jmlhalaman){

$link_halaman = "";

// Link halaman 1,2,3, ...

for ($i=1; $i<=$jmlhalaman; $i++){

if ($i == $halaman_aktif){

$link_halaman .= "<b>$i</b> | ";

}

else{

$link_halaman .= "<a href=halagenda-$i.html>$i</a> | ";

}

$link_halaman .= " ";

}

return $link_halaman;

}

}

// class paging untuk halaman download (menampilkan semua download)

class Paging5{

// Fungsi untuk mencek halaman dan posisi data

function cariPosisi($batas){

if(empty($_GET[haldownload])){

$posisi=0;

$_GET[haldownload]=1;

}

$posisi = ($_GET[haldownload]-1) * $batas;

}

return $posisi;

}

// Fungsi untuk menghitung total halaman

function jumlahHalaman($jmldata, $batas){

$jmlhalaman = ceil($jmldata/$batas);

return $jmlhalaman;

}

// Fungsi untuk link halaman 1,2,3

function navHalaman($halaman_aktif, $jmlhalaman){

$link_halaman = "";

// Link halaman 1,2,3, ...

for ($i=1; $i<=$jmlhalaman; $i++){

if ($i == $halaman_aktif){

$link_halaman .= "<b>$i</b> | ";

}

else{

$link_halaman .= "<a href=haldownload-$i.html>$i</a> | ";

}

$link_halaman .= " ";

}

return $link_halaman;

}

}



Halaman adminweb



Cek_login.php

<?php

include "../config/koneksi.php";

function anti_injection($data){

$filter =

mysql_real_escape_string(stripslashes(strip_tags(htmlspecialchars($data,ENT_QUOTES))));

return $filter;

}

$username = anti_injection($_POST[username]);

$pass = anti_injection(md5($_POST[password]));

// pastikan username dan password adalah berupa huruf atau angka.

if (!ctype_alnum($username) OR !ctype_alnum($pass)){

echo "Sekarang loginnya tidak bisa di injeksi lho.";

}

else{

$login=mysql_query("SELECT * FROM users WHERE username='$username' AND password='$pass' AND blokir='N'");

$ketemu=mysql_num_rows($login);

$r=mysql_fetch_array($login);

// Apabila username dan password ditemukan

if ($ketemu > 0){

session_start();

$_SESSION[namauser] = $r[username];

$_SESSION[passuser] = $r[password];

$_SESSION[leveluser] = $r[level];

$sid_lama = session_id();

session_regenerate_id();

$sid_baru = session_id();

mysql_query("UPDATE users SET id_session='$sid_baru' WHERE username='$username'");

header('location:media.php?module=home');

}

else{

echo "<link href=../config/adminstyle.css rel=stylesheet type=text/css>";

echo "<center>LOGIN GAGAL! <br>

Username atau Password Anda tidak benar.<br>

Atau account Anda sedang diblokir.<br>";

echo "<a href=index.php><b>ULANGI LAGI</b></a></center>";

}

}

?>



Index.php

<html>

<head>

<title></title>

<script language="javascript">

function validasi(form){

if (form.username.value == ""){

form.username.focus();

return (false);

}

if (form.password.value == ""){

alert("Anda belum mengisikan Password.");

form.password.focus();

return (false);

}

return (true);

}

</script>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body OnLoad="document.login.username.focus();">

<div id="header">

<div id="content">

<h2>Login</h2>

<img src="images/login-welcome.gif" width="97" height="105" hspace="10" align="left">

<form name="login" action="cek_login.php" method="POST" onSubmit="return validasi(this)">

<table>

<tr><td>Username</td><td> : <input type="text" name="username"></td></tr>

<tr><td>Password</td><td> : <input type="password" name="password"></td></tr>

<tr><td colspan="2"><input type="submit" value="Login"></td></tr>

</table>

</form>

</div><div id="footer">

Copyright © 2012;Pesantren Ibnunnafis. All rights reserved.

</div></div>

</body>

</html>



Logout.php

<?php

session_start();

session_destroy();

echo "<center>Anda telah sukses keluar sistem <b>[LOGOUT]<b>";

?>



Script javascript



Superfish.js

* Superfish v1.4.8 - jQuery menu widget

* Copyright (c) 2008 Joel Birch

* Dual licensed under the MIT and GPL licenses:

* http://www.opensource.org/licenses/mit-license.php

* http://www.gnu.org/licenses/gpl.html

* CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt

*/

;(function($){

$.fn.superfish = function(op){

var sf = $.fn.superfish,

$arrow = $(['<span class="',c.arrowClass,'"> &#187;</span>'].join('')),

over = function(){

var $$ = $(this), menu = getMenu($$);

clearTimeout(menu.sfTimer);

$$.showSuperfishUl().siblings().hideSuperfishUl();

},

out = function(){

var $$ = $(this), menu = getMenu($$), o = sf.op;

clearTimeout(menu.sfTimer);

menu.sfTimer=setTimeout(function(){

o.retainPath=($.inArray($$[0],o.$path)>-1);

$$.hideSuperfishUl();

if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);}

},o.delay);

},

getMenu = function($menu){

var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0];

sf.op = sf.o[menu.serial];

return menu;

},

addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); };

return this.each(function() {

var s = this.serial = sf.o.length;

var o = $.extend({},sf.defaults,op);

o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){

.filter('li:has(ul)').removeClass(o.pathClass);

});

sf.o[s] = sf.op = o;

$('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() {

if (o.autoArrows) addArrow( $('>a:first-child',this) );

})

.not('.'+c.bcClass)

.hideSuperfishUl();

var $a = $('a',this);

$a.each(function(i){

var $li = $a.eq(i).parents('li');

$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});

});

o.onInit.call(this);

}).each(function() {

var menuClasses = [c.menuClass];

if (sf.op.dropShadows && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass);

$(this).addClass(menuClasses.join(' '));

});

};

var sf = $.fn.superfish;

sf.o = [];

sf.op = {};

sf.IE7fix = function(){

if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined)

this.toggleClass(sf.c.shadowClass+'-off');

};

sf.c = {

bcClass : 'sf-breadcrumb',

menuClass : 'sf-js-enabled',

anchorClass : 'sf-with-ul',

arrowClass : 'sf-sub-indicator',

shadowClass : 'sf-shadow'

};

sf.defaults = {

hoverClass : 'sfHover',

pathClass : 'overideThisToUse',

pathLevels : 1,

delay : 800,

animation : {opacity:'show'},

speed : 'normal',

autoArrows : true,

dropShadows : true,

disableHI : false, // true disables hoverIntent detection

onInit : function(){}, // callback functions

onBeforeShow: function(){},

onShow : function(){},

onHide : function(){}

};

hideSuperfishUl : function(){

var o = sf.op,

not = (o.retainPath===true) ? o.$path : '';

o.retainPath = false;

var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass)

.find('>ul').hide().css('visibility','hidden');

o.onHide.call($ul);

return this;

},

showSuperfishUl : function(){

var o = sf.op,

sh = sf.c.shadowClass+'-off',

$ul = this.addClass(o.hoverClass)

.find('>ul:hidden').css('visibility','visible');

sf.IE7fix.call($ul);

o.onBeforeShow.call($ul);

$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); });

return this;

}

});

})(jQuery);



Style.css

*/

html, body {border: 0; margin: 0; padding: 0;}

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

font-size: 13px;

ine-height: 130%;

width: 100%;

min-width: 970px;

background: url(img/menu.png);

font-weight:normal;

font-style:normal;

text-transform:normal;

}

p {

margin: 0;

padding: 0 0 12px 0;

display:block;

}

ul {list-style: none; padding: 0;}

a {

text-decoration: none;

color: #00CCFF;

background: url(images/templatemo_h2_background.gif) repeat-x;

font-size: 12px;

}

a:hover {text-decoration: none; color:#CCCCCC;

}

#container {

text-align: center;/* IE fix to center the page */

position: absolute;

}

#wrapper {

width: 960px;

margin: 0 auto;/* center the page in Firefox */

text-align: left;

position: relative;

background:url(img/body.png) repeat;

border-radius:15px 15px 25px 25px;

}

#topBannerWrapper {

width:100%;

height:165px;

background: url(img/body.png) top center;

background-repeat:repeat;

text-align:justify;

border-radius:15px 15px 0px 0px;

}

#topBannerWrapper .logo

{

float: left;

clear: left;

margin-top: 30px;

margin-left: 20px;

width:160px;

height:125px;

}

#topBannerWrapper .logo a span {

color: #0C6;

}

#topBannerWrapper .logo a {

display: block;

color: #F63;

font-size: 2.3em;

padding-left: 155px;

padding-bottom:20px;

padding-top:20px;

}

#topBannerWrapper .logo a:hover {

color: #993;

text-decoration:none;

}

#google_translate_element {

float:right;

}

#hmenuWrapper {

width:100%;

margin:0 auto ;

}

position:relative;

top:30px;

float:none;

}

#hmenu ul {

list-style:none inside none;

margin:0;

padding:0;

text-transform:uppercase;

font-size:14px;

font-family:Arial,sans-serif;

}

#hmenu ul li {

float:right;

}

#hmenu ul li a {

border:0 none;

color:#00F;

display:block;

float:left;

font-size:14px;

font-weight:bold;

height:2em;

line-height:2em;

text-align:center;

}

#hmenu ul li a:hover {

color:#FFF;

}

#hmenu ul li a:link {

text-decoration:none;

}

#hmenu ul li a:visited {

text-decoration:none;

}

#hmenu ul li a:active {

text-decoration:none;

background-color:#06F;

}

#hmenu li#current a {

background-color:#000000;

color:#FFFFFF;

}

#topSlideshowWrapper {

width:99.8%;

height:300px;

text-decoration:none;

border-radius:10px 10px 10px 10px;

}

.amdhas {

width: 100%;

padding:0;

margin-top:20;

overflow: hidden;

-webkit-box-shadow: 2px 2px 4px #000;

-moz-box-shadow: 2px 2px 4px #000;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

background: url(img/body.png);

border-radius:15px 15px 20px 20px;

}

.amdhas img {

height: 250px;

width: 926px;

padding: 15px;

border: 1px solid #CCCCCC;

background: url(img/7.jpg) repeat center;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius:15px 15px 15px 15px;

}

#sliderContainer {

width: 920px;

margin:0 auto;

margin-top:auto;

}

#slider1 {

width:100%;

height: 300px;

position: relative;

overflow: hidden; /* important */

}

#slider1 img {

padding: 0;

margin:0;

width:920px;

height:300px;

}

#slider1 a img { border:none }

#slider1Content {

margin:0;

padding:0;

height:300px;

font-size:0;

width:100%;

position: relative;

}

.slider1Image {

display:none;

float:left;

margin:0;

padding:0;

}

.slider1Image span {

position: absolute;

left:0;

font-family:Tahoma, Arial;

font-size:14px;

padding: 0px;

width:920px;

background-color:#000000;

color: #fff;

display: none;

z-index:20;

filter: alpha(opacity=70);

-moz-opacity: 0.7;

-khtml-opacity: 0.7;

opacity: 0.7;

}

.slider1Image .bottom {

bottom: 0;

left: 0;

height: 70px;

}

#sliderLeftMask {

position:absolute;

top:0;

left:0px;

width:180px;

z-index:10;

background:url('img/sliderLeftMask.png') no-repeat scroll center center transparent;

}

#sliderRightMask {

height:300px;

position:absolute;

top:0;

left:740px;

width:180px;

z-index:10;

background:url('img/sliderRightMask.png') no-repeat scroll center center transparent;

}

/***** Content *****/

#content {

display: block;

float: left;

clear: left;

width: 615px;

height:1180px;

padding:30px;

margin: 0 0 10px 0; clear: both;

background: url(img/body.png) repeat center top;

border-radius:10px 10px 10px 10px;

}

#content p {

text-align:justify;

background:url(img/body.png);

padding-left:8px;

color:#006666;

}

#content-kiri{

float: left;

width: 360px;

}

#content a img {

border: none;/*remove border for linked images*/

padding: 2px;

margin: 2px 2px 3px 0;

float: left;

-moz-border-radius:4px;

-webkit-border-radius:4px;

}

.frame {

border:1px solid rgb(229, 229, 229);

padding:2px;

}

display:inline;

float:left;

margin-right:15px;

margin-top:3px;

width:100px;

height:120px;

}

div.tooltip {

background-color:#000;

border:1px solid #fff;

padding:10px 15px;

width:200px;

display:none;

color:#FFF;

text-align:left;

font-size:12px;

/* outline radius for mozilla/firefox only */

-moz-box-shadow:0 0 10px #000;

-webkit-box-shadow:0 0 10px #000;

}

#myform {

border:1px outset #ccc;

padding:20px;

margin:20px 0;

-moz-border-radius:4px;

#inputs label, #inputs input, #inputs textarea, #inputs select {

display: block;

width: 200px;

float: left;

margin-bottom: 20px;

}

#inputs label {

text-align: left;

width: 100px;

padding-right: 20px;

}

#main {

width:610px;

float:left;

margin-right:40px ;

}

#sidebar {

display: block;

float:right;

width: 250px;

height:950px;

padding-right: 25px;

background: url(img/body.png) repeat;

}

#sidebar1 {

float:right;

width: 250px;

margin-right: 25px;

margin-top:37px;

}

#sidebar h2 {

font-size: 1.4em;

font-variant: small-caps;

color: #06F;

border-bottom: 2px groove #999999;

}

#pingbox4ourpc59isq00 {

float:right;

overflow:hidden;

padding-bottom: 0px;

}

#fb-root {

float:right;

overflow:hidden;

padding-bottom: 0px;

padding-left:5px;

}

.bloc h3 {

margin-top:10px;

border-bottom:1px solid #000;

.bloc {

padding:15px;

background-color:#CCC;

}

#menukanan a {

text-decoration:none;

color:#66FFCC;

}

#menukanan p {

font-size:14px;

padding:0pt 0pt 13px;

color:#CCCCCC;

margin-left:17px;

}

#menukanan li {

list-style:disc inside none;

border-top:1px solid rgb(204, 204, 204);

padding-top:5px;

padding-bottom:5px;

border-bottom:1px solid rgb(204, 204, 204);

}

#menukanan a:hover {

color:#FFCC00;

}

#listticker{

width:235px;

overflow:hidden;

border:solid 2px #999999;

padding-bottom: 16px;

padding-left:10px;

}

#listticker li{

border:0; margin:0; padding:0; list-style:none;

}

#listticker li{

height:61px;

list-style:none;

}

#listticker .news-text{

display:block;

font-size:11px;

margin-top:3px;

color: #990033;

}

#listticker img{

float:left;

margin-right:10px;

padding:2px;

border:solid 1px #999999;

}

width:240px;

overflow:hidden;

border:solid 2px #999999;

padding-bottom: 14px;

padding-left:5px;

}

#listsidebar1{

width:240px;

overflow:hidden;

border:solid 2px #999999;

padding-right:10px;

}

#listsidebar2{

color: #0193ff;

font-family: 'Times New Roman';

padding: 0 20px 0px 30px;

float:right;

}

#listsidebar .news-title{

font-weight:bold;

margin-bottom:4px;

font-size:12px;

padding-left:5px;

padding-top: 5px;

color: #663300;

#listsidebar .news-text{

font-size:13px;

color: #CCCCCC;

}

#listsidebar .news-title2{

font-weight: normal;

padding-left:80px;

font-size:14px;

}

#content a:link, #content a:visited {

color: #663300;

font-weight:bold;

text-decoration:none;

}

#content a hover {

color: #00CCFF;

}

#content p {

font-size: 14px;

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

font-weight: 100;

text-align:justify;

text-wrap: unrestricted;

}

#content p2 {

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

font-weight: 100;

text-align:justify;

}

.padd15 {

padding:15px;

}

.padd20 {

padding:20px;

}

body {

font-family: "Comic Sans MS", cursive, sans-serif;

font-size: 12px;

font-style: normal;

font-weight: normal;

text-transform: normal;

}

p {

letter-spacing: normal;

line-height: 1.9em;

color:#FFFFFF;

}

p2 {

letter-spacing: normal;

line-height: 1.9em;

}

y {

font-size: 12px;

color: #993300;

clear:both;

text-decoration: none;

font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

}

z {

color: #06F;

font-size: 1.6em;

clear:both;

font-variant:small-caps;

font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

text-decoration:blink;

padding-left:110px;

}

h1 {

color: #00CCFF;

margin:30px 10 10px 20;

clear:both;

}

h2 {

margin-top:20px;

color: #06F;

clear:both;

font-variant:small-caps;

font-family: Verdana, Geneva, sans-serif;

}

h3 {

font-size:1.2em;

color: #06F;

margin:5px 0 0px 0;

padding-top:16px;

clear:both;

text-decoration: none;

font-family: "Comic Sans MS", cursive;

font-variant:small-caps;

}

h4 {

color: #00CCFF;

font-size: 1.7em;

clear:both;

font-variant:small-caps;

font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

text-align:center;

margin-right:5px;

border-bottom: dotted #999999;

}

h5 {

color: #06F;

margin:5px 0 0px 0;

padding-top:10px;

clear:both;

text-decoration: none;

font-family: "Comic Sans MS", cursive;

font-variant:small-caps;

}

b:link, b:visited {

color: #FF6633;

text-decoration:none;

font-size:13px;

}

a:link, a:visited {

color: #FF6633;

text-decoration:none;

font-size:13px;

}

a:hover {

text-decoration:underline;

color: #00CCFF;

}

#bottomWrapper {

background-color:#FFF;

text-align:center;

text-align:center;

width:100%;

clear:both;

border-radius:0px 0px 25px 25px;

}

#bottomWrapper a:link, #bottomWrapper a:visited {

color:#663300;

}

#bottomWrapper a:hover{

color: #3333CC;

text-decoration:none;

}

#footer {

min-height:200px;

width:960px;

padding: 50px 20 50px;

margin:0 auto;

background:url(img/body.png) repeat;

border-top: groove;

margin-top:40px;

}

.footer-last {

margin-right:0 !important;

clear:right;

}

float:left;

margin:10px 100px 20px 0;

width:240px;

position:relative;

text-align:center;

overflow:hidden;

}

.footer-one-third h3 {

margin-top:10px;

}

.footer-one-third ul{

padding:0 ;

}

.footer-one-third ul, .footer-one-third li {

list-style: none ;

margin-left:0 ;

}

.footer-one-third li {

padding: 5px 0 ;

}

#bottom-links {

width:100%;

height:60px;

color: #00CCFF;

background: url(img/bottomLinks.png) repeat;

}

.kampret {

padding-right:15px;

}

a img {

border:none;

}

.clear {

clear: both;

display: block;

overflow: hidden;

visibility: hidden;

width: 0;

height: 0;

}

.berita {

color:#00CCFF;

font-size:11px;

}

.readmore {

display:block;

float:left;

color:#3F0;

text-decoration:none;

border:1px solid rgb(229, 229, 229);

border-radius:3px 3px 3px 3px;

}

.readmore:hover {

background:-moz-linear-gradient(center top , #F3F, rgb(244, 244, 244)) repeat scroll 0% 0% transparent;

}



Style2.css

html, body {border: 0; margin: 0; padding: 0;}

body {

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

font-size: 13px;

ine-height: 130%;

width: 100%;

min-width: 970px;

font-weight:normal;

font-style:normal;

text-transform:normal;

}

/***** Common Formatting *****/

p {

margin: 0;

padding: 0 0 18px 0;

display:block;

}

ul {list-style: none; padding: 0;}

a {

text-decoration: none;

color: #00CCFF;

font-size: 14px;

}

a:hover {text-decoration: none; color:#0033CC;

}

#container {

width: 100%;

text-align: center;/* IE fix to center the page */

position: absolute;

background: url(img/menu.png) center top;

}

#wrapper {

width: 960px;

margin: 0 auto;/* center the page in Firefox */

text-align: left;

position: relative;

background:url(img/body.png) repeat;

border-radius:15px 15px 25px 25px;

}

#topBannerWrapper {

width:100%;

height:165px;

background: url(img/body.png) top center;

text-align:justify;

margin-top:17px;

border-radius:15px 15px 0px 0px;

}

#topBannerWrapper .logo {

float: left;

clear: left;

margin-top: 30px;

margin-left: 20px;

background: url(img/Logo1.gif) no-repeat center top;

width:160px;

height:125px;

}

#topBannerWrapper .logo a span {

color: #0C6;

}

#topBannerWrapper .logo a {

display: block;

color: #F63;

font-size: 2.1em;

padding-left: 155px;

padding-bottom:20px;

padding-top:20px;

}

#topBannerWrapper .logo a:hover {

text-decoration:none;

}

#google_translate_element {

float:right;

}

#hmenuWrapper {

width:100%;

margin:0 auto ;

}

#hmenu {

position:relative;

top:30px;

float:right;

}

#hmenu ul {

list-style:none inside none;

margin:0;

padding:0;

text-transform:uppercase;

font-size:14px;

font-family:Arial,sans-serif;

}

#hmenu ul li {

float:right;

}

border:0 none;

color:#00F;

display:block;

float:left;

font-size:14px;

font-weight:bold;

height:2em;

line-height:2em;

text-align:center;

padding:0 20px;

}

#hmenu ul li a:hover {

background-color:#06C;

color:#FFF;

}

#hmenu ul li a:link {

text-decoration:none;

}

#hmenu ul li a:visited {

text-decoration:none;

}

#hmenu ul li a:active {

text-decoration:none;

background-color:#06F;

}

background-color:#000000;

color:#FFFFFF;

}

#topSlideshowWrapper {

width:100%;

height:96px;

text-decoration:none;

background: url(img/9999.png) repeat center;

}

#sliderContainer {

width: 920px;

margin:0 auto;

margin-top:auto;

background-position:center center;

}

#slider1 {

width:100%;

height: 300px;

position: relative;

overflow: hidden; /* important */

}

#slider1 img {

padding: 0;

margin:0;

width:920px;

}

#slider1 a img { border:none }

#slider1Content {

margin:0;

padding:0;

height:300px;

font-size:0;

width:100%;

position: relative;

}

.slider1Image {

display:none;

float:left;

position:relative;

margin:0;

padding:0;

}

.slider1Image span {

position: absolute;

left:0;

font-family:Tahoma, Arial;

font-size:14px;

padding: 0px;

width:920px;

background-color:#000000;

display: none;

z-index:20;

filter: alpha(opacity=70);

-moz-opacity: 0.7;

-khtml-opacity: 0.7;

opacity: 0.7;

}

.slider1Image .bottom {

bottom: 0;

left: 0;

height: 70px;

}

#sliderLeftMask {

height:300px;

position:absolute;

top:0;

left:0px;

width:180px;

z-index:10;

background:url('img/sliderLeftMask.png') no-repeat scroll center center transparent;

}

#sliderRightMask {

height:300px;

position:absolute;

top:0;

width:180px;

z-index:10;

background:url('img/sliderRightMask.png') no-repeat scroll center center transparent;

}

/***** Content *****/

#content {

display: block;

float: left;

clear: left;

width: 670px;

padding-left:35px;

margin: 0 0 30px 0;

margin-top:30px;

clear: both;

text-align: justify;

background:url(img/body.png) center repeat;

color: #993300;

text-height:text-size;

line-height:1.0em;

}

#content p {

text-align:justify;

background: url(img/body.png) repeat;

width:670px;

color: #006666;

}

.frame {

border:1px solid rgb(229, 229, 229);

padding:2px;

}

.frame1 {

border:1px solid rgb(229, 229, 229);

padding:2px;

display:inline;

float:left;

margin-right:85px;

margin-top:3px;

margin-bottom:20px;

width:670px;

height:470px;

}

img.foto {

display:inline;

float:left;

margin-right:15px;

margin-top:3px;

width:100px;

height:120px;

}

div.tooltip {

border:1px solid #fff;

padding:10px 15px;

width:200px;

display:none;

color:#FFF;

text-align:left;

font-size:12px;

/* outline radius for mozilla/firefox only */

-moz-box-shadow:0 0 10px #000;

-webkit-box-shadow:0 0 10px #000;

}

#myform {

border:1px outset #ccc;

padding:20px;

margin:20px 0;

-moz-border-radius:4px;

}

#inputs label, #inputs input, #inputs textarea, #inputs select {

display: block;

width: 200px;

float: left;

margin-bottom: 20px;

}

#inputs label {

text-align: left;

padding-right: 20px;

}

#main {

width:610px;

float:left;

margin-right:40px ;

}

#sidebar {

display: block;

float: right;

padding-right: 35px;

margin-bottom: 30px;

background: url(img/body.png) center repeat;

}

#sidebar h2 {

font-variant: small-caps;

color:#00CCFF;

border-bottom: 2px solid #ccc;

font-weight: bold;

margin: 30px 0 20px 0;

}

.bloc h3 {

margin-top:10px;

border-bottom:1px solid #000;

}

padding:15px;

background-color:#CCC;

}

#menukanan a {

text-decoration:none;

color: #663300;

font-weight: bold;

line-height:1.3em;

font-size:13px;

}

#menukanan p {

font-size:14px;

padding:0pt 0pt 5px;

color:#CCCCCC;

}

#menukanan li {

list-style: disc inside none ;

border-top:2px solid;

padding-top:10px;

padding-bottom:5px;

border-bottom:2px solid;

}

#menukanan a:hover {

color: #06F;

}

height:200px;

width:250px;

overflow:hidden;

border:solid 1px #DEDEDE;

padding-bottom: 12px;

}

#listticker li{

border:0; margin:0; padding:0; list-style:none;

}

#listticker li{

height:60px;

padding:5px;

list-style:none;

}

#listticker .news-text{

display:block;

font-size:9px;

margin-top:3px;

color:#CCCCCC;

}

#listticker img{

float:left;

margin-right:10px;

padding:2px;

border:solid 1px #DEDEDE;

#listsidebar{

width:250px;

overflow:hidden;

border:solid 1px #CCCCCC;

color:#CCCCCC;

padding-bottom: 13px;

}

#listsidebar .news-title{

font-weight:bold;

margin-bottom:4px;

font-size:12px;

padding-left:5px;

padding-top: 5px;

color:#CCCCCC;

}

#listsidebar .news-text{

font-size:12px;

color: #993333;

}

#listsidebar .news-title2{

font-weight: normal;

padding-left:80px;

font-size:14px;

}

#content a:link, #content a:visited {

font-weight: bold;

font-size:14px;

font-family:"Comic Sans MS", cursive;

}

#content p {

font-size: 14px;

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

font-weight: 100;

text-align:justify;

}

.padd15 {

padding:15px;

}

.padd20 {

padding:20px;

}

body {

color:#444444;

font-family: 'Trebuchet MS', sans-serif;

font-size: 13px;

font-style: normal;

font-weight: normal;

text-transform: normal;

}

p {

line-height: 1.5em;

}

h1 {

color: #06F;

margin:0px 0 5px 0;

clear:both;

font-variant:small-caps;

font-size: 36px;

}

h2 {

color: #06F;

margin:15px 0 10px 0;

clear:both;

font-variant:small-caps;

font-family: Verdana, Geneva, sans-serif;font-variant:small-caps;

font-family: Verdana, Geneva, sans-serif;

font-size:18px;

font-weight:bold;

}

h3 {

font-size:15px;

color: #00CCFF;

margin:5px 0 0px 0;

clear:both;

text-decoration:none;

}

h4 {

font-size:13px;

color: #00CCFF;

margin:15px 0 0px 15;

clear:both;

text-decoration:none;

font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

}

a:link, a:visited {

color: #00CCFF;

text-decoration:none;

font-size:13px;

}

a:hover {

text-decoration: none;

color:#CCCCCC;

}

#bottomWrapper {

background-color:#FFF;

text-align:center;

color:#FFF;

text-align:center;

width:100%;

clear:both;

}

#bottomWrapper a:link, #bottomWrapper a:visited {

color: #663300;

}

#bottomWrapper a:hover{

color:#3333CC;

text-decoration:none;

}

#footer {

min-height:200px;

width:960px;

padding: 50px 20 50px;

margin:0 auto;

background:url(img/body.png) repeat;

border-top: groove;

}

.footer-last {

margin-right:0 !important;

clear:right;

}

.footer-one-third {

float:left;

margin:20px 100px 20px 0;

width:240px;

position:relative;

overflow:hidden;

}

.footer-one-third h3 {

margin-top:10px;

}

.footer-one-third ul{

padding:0 ;

}

.footer-one-third ul, .footer-one-third li {

list-style: none ;

margin-right:5pt ;

}

.footer-one-third li {

padding: 5px 0 ;

padding-left:15px;

}

#bottom-links {

width:100%;

height:60px;

color: #00CCFF;

background: url(img/bottomLinks.png) repeat;

border-radius:0px 0px 15px 15px;

}

a img {

border:none;

.kampret {

padding-right:25px;

padding-bottom:2.3px;

}

.agenda {

font-size:13px;

color:#000;

}

.clear {

clear: both;

display: block;

overflow: hidden;

visibility: hidden;

width: 0;

height: 0;

}

.readmore {

display:block;

float:left;

color:#3F0;

text-decoration:none;

border:1px solid rgb(229, 229, 229);

background:-moz-linear-gradient(center top , #2C6130, rgb(244, 244, 244)) repeat scroll 0% 0% transparent;

border-radius:3px 3px 3px 3px;

}

background:-moz-linear-gradient(center top , #F3F, rgb(244, 244, 244)) repeat scroll 0% 0% transparent;

}

#content img.struktur {

width:670px;

height:470px;

}



Menu.php

<?php

echo"<div id=''>

<div id='topBanner'>

<div id='hmenuWrapper'>

<ul class='sf-menu'>

<li>

<a href='home.php'> BERANDA </a>

</li>

<li>

<a href='pendiri.php'> PENDIRI </a>

<ul>

<li>

<a href='karir.php'> KARIR </a>

</li>

</ul>

<li>

<ul>

<li>

<a href='latar.php'> LATAR BELAKANG </a>

<li>

<a href='tentang.php'> VISI & MISI </a>

</li>

<li>

<a href='organisasi.php'> STRUKTUR ORGANISASI </a>

</li>

</ul>

</li>

<li>

<a href='#'> INFORMASI </a>

<ul>

<li>

<a href='artikel.php'> ARTIKEL </a>

</li>

<li>

<a href='news-update.php'> BERITA TERKINI </a>

</li>

</ul>

</li>

<li>

<a href='#'> PESANTREN </a>

<ul>

<a href='agenda.php'> AGENDA AKADEMIK </a>

</li>

<li>

<a href='foto.php'> GALERI FOTO </a>

</li>

<li>

<a href='fasilitas.php'> FASILITAS </a>

</li>

<li>

<a href='ekskul.php'> EKSTRAKULIKULER </a>

</li>

</ul>

<li>

<a href='contact.php'> HUBUNGI KAMI </a>

</li>

</ul>

</div></div></div>";

?>



Home.php

<?php

error_reporting(0);

ob_start();

session_start();

include "config/koneksi.php";

include "config/fungsi_badword.php";

include "config/tgl_indo.php";

include "config/class_paging.php";

?>

<title><?php include "darul_titel.php"; ?></title>

<head>

<link rel="shortcut icon" href="favicon.ico" />

<link id="theme" rel="stylesheet" type="text/css" href="css/style.css" title="theme">

<link rel="stylesheet" type="text/css" href="css/superfish1.css">

<link rel="stylesheet" type="text/css" href="css/headline.css">

<script type="text/javascript" src="js/jquery-1.4.js"></script>

<script src="js/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" src="js/hoverIntent.js"></script>

<script type="text/javascript" src="js/superfish.js"></script>

<script type="text/javascript" src="js/jquery.tools.min.js"></script>

<script src="js/clock.js" type="text/javascript"></script>

<script src="js/newsticker.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function(){

jQuery('ul.sf-menu').superfish();

});

</script>

<link type="text/css" href="css/tabs-accordion.css" rel="stylesheet" />

<script type="text/javascript" src="js/jquery.tools.min.js"></script>

<script type="text/javascript">

$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null});

});

</script>

<link type="text/css" href="css/tabs-1.css" rel="stylesheet" />

<script type="text/javascript">

$(document).ready(function(){

$("ul.tabs").tabs("div.panes > div");

});

</script>

<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>

<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>

<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />

<link rel="stylesheet" href="./fancybox/fancy.css" />

<script type="text/javascript">

$(document).ready(function() {

$("a[rel=example_group]").fancybox({

'transitionIn' : 'none',

'transitionOut' : 'none',

'titlePosition' : 'over',

'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {

return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';

}

});

});

</head>

<body onload="startclock()">

<script src="http://webgila.com/kodegila.html" type="text/javascript"></script>

<noscript><a href="http://webgila.com/kodegila.html">KODEGILA LOADING</a></noscript>

<script type="text/javascript">

function MM_effectShake(targetElement)

{

webgila.Effect.DoShake(targetElement);

}

</script>

<div id="container">

<br />

<div id="wrapper">

<!-- top wrapper -->

<div id="topWrapper">

<?php include "header.php" ?>

</div>

<script src="js/slide1.js" type="text/javascript"></script>

<script src="js/animation2.js" type="text/javascript"></script>

<script src="js/slide2.js" type="text/javascript"></script>

<div id="topSlideshowWrapper">

<div class="amdhas" id="ke2">

<img height="50" src="img_banner/Islami191.jpg" width="50" />

<img height="50"

<img height="50" src="img_banner/264.jpg" width="50" />

<img height="50" src="img_banner/Bismillah-Candy-Islamic_Wallpaper_by_Kabeer-690x517.jpg" width="50" />

<img height="50" src="img_banner/Kenyataan.jpg" width="50" />

<img height="50" src="img_banner/wallpaper_noble_path_islam.jpg" width="50" />

<img height="50" src="img_banner/wallpaper-puasa-syaban.jpg" width="50" />

</div>

<script type="text/javascript">

$('#ke2').cycle({

fx:'scrollUp',

speedIn: 3000,

speedOut: 3000,

easeIn:'bounceout',

easeOut: 'backin',

delay:-3000

});

</script>

<div id='hmenuWrapper'>

<?php include"menu.php"?>

</div>

<div id="sliderContainer">

</div>

</div>

<!--end header-->

<!-- end top wrapper -->

<p onmouseover="MM_effectShake(this)"><span id="date"></span>, <span id="clock"></span></p><br /><br />

<!-- pembukaan-->

<?php

$berita = mysql_query("SELECT * FROM berita WHERE id_kategori='23'");

while($b = mysql_fetch_array($berita)){

echo "<a href=\"".$url_link."\"><z>".$b['judul']."</z></a>"."<br>";

echo "<br />";

echo $b['isi_berita']."<br>";

}

?>

<ul class="tabs">

<li></li>

<li><a class="current" href="#">Artikel</a></li>

<li><a class="" href="#">Berita Terkini</a></li>

</ul>

<!-- panes (content untuk masing-masing tab) -->

<div class="panes">

<div style="display: block;">

<?php

//include "koneksi.php";

$berita = mysql_query("SELECT * FROM berita where id_kategori='37' ORDER BY id_berita DESC LIMIT 2");

while($b = mysql_fetch_array($berita)){

//mengubah spasi menjadi

-$judul = preg_replace("/\s/","-",$b['judul']);

$url_link = "artikel".$b['id_berita']."-".$judul.".html";

echo "<a href=\"".$url_link."\"><h3>".$b['judul']."</h3></a>";

$data = nl2br ($b['isi_berita']);

$isi = substr($data,0,170);

echo "<br />".$isi."...";

echo "<br />";

echo "<a href=\"".$url_link."\"><img src='images/readmore .png'></a>";

echo "<br />";

echo "<hr>";

}

?>

</div>

<div style="display: none;">

<?php

/* ini kita include koneksi database */

include "koneksi.php";

/* tentukan table nya */

$table = berita;

$sql = mysql_query("SELECT * FROM berita where id_kategori='22' ORDER BY id_berita DESC LIMIT 2");

while($row = mysql_fetch_array($sql)){

/* display result, ini tergantung table database mu */

//mengubah spasi menjadi

-$judul = preg_replace("/\s/","-",$row['judul']);

//menambahkan kata "berita" pada awal url dan ".html" pada akhir url

$url_link = "berita".$row['id_berita']."-".$judul.".html";

echo "<a href=\"".$url_link."\"><y>".$row['hari'].", ".$row['tanggal']."</y><br>";

echo "<a href=\"".$url_link."\"><h5>".$row['judul']."</h5></a>";

// Tampilkan hanya sebagian isi berita

$data = nl2br($row['isi_berita']); // membuat paragraf pada isi berita

$isi = substr($data,0,160); // ambil sebanyak 300 karakter

echo "<img class='kampret' src='foto_berita/$row[gambar]' width='135' height='104' align=left>";

echo $isi."...";

echo "<br />";

echo "<a href=\"".$url_link."\"><img src='images/readmore .png'></a>";

echo "<br />";echo "<hr>";

}

?>

</div></div>

<?php

// Galeri Foto (tampilkan 6 foto secara horizontal)

echo "<img src='images/galeri.png' />";

// Tentukan kolom

$col = 5;

$g = mysql_query("SELECT * FROM gallery ORDER BY id_gallery DESC LIMIT 8");

echo "<table><tr>";

$cnt = 0;

while ($w = mysql_fetch_array($g)) {

if ($cnt >= $col) {

echo "</tr><tr>";

$cnt = 0;

$cnt++;

echo "<td align=center valign=top><br />

<a rel='example_group' href='img_galeri/$w[gbr_gallery]' title='$w[keterangan]'>

<img alt='' src='img_galeri/kecil_$w[gbr_gallery]' width='100px' height='65' /></a><br />

<a href=#></a></td>";

}

echo "</tr></table><br />";

echo "<a href='foto.php'><p2 style='text-align:center; padding-left:20px;'><img src='images/more.png'></style></p2></a>";

echo "<br>";echo "<hr>";

?>

</div>

<div id="sidebar">

<br /><br />

<?php include "google.php" ?>

<div id="google_translate_element"></div><script>

function googleTranslateElementInit() {

new google.translate.TranslateElement({

pageLanguage: 'id',

includedLanguages: 'id,en',

multilanguagePage: true,

layout: google.translate.TranslateElement.InlineLayout.SIMPLE

}, 'google_translate_element');

}

</script><script

<br /><br />

<h2>Statistik User</h2>

<ul id="listsidebar">

<?php include "statistika.php" ?>

</ul>

<h2>Sekilas Info</h2><!--sekilas Info-->

<ul id="listticker">

<?php

$sekilas=mysql_query("SELECT * FROM sekilasinfo ORDER BY id_sekilas DESC LIMIT 5");

while($s=mysql_fetch_array($sekilas)){

echo "<li><img src='foto_info/kecil_$s[gambar]' width='54' height='54' />

<span class='news-text'>$s[info]</span></li>";

}

?>

</ul><br />

<div id="menukanan">

<br />

<object id="pingboxg6f4lo53ts8W0" type="application/x-shockwave-flash" data="http://wgweb.msg.yahoo.com/badge/Pingbox.swf" width="251" height="260"><param name="movie" value="http://wgweb.msg.yahoo.com/badge/Pingbox.swf" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="wid=cKVMgT6oV2F4cpGFzPijL6pxcQ--" /></object>

</div></div>

<div id="sidebar1">

<li>

<div id="fb-root"></div>

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" data-href="https://www.facebook.com/pages/Ibnunnafis/135132886530691" data-width="250" data-colorscheme="light" data-show-faces="true" data-border-color="black" data-stream="false" data-header="true"></div>

</div>

<div class="clear"></div>

<div class="clear" style="height:50px"></div>

<div id="bottomWrapper">

<?php include "footer.php" ?></div>

</div><!-- / end wrapper -->

<br />

</div> <!-- end container -->

</body>

</html>



Agenda.php

<?php

error_reporting(0);

ob_start();

include "config/koneksi.php";

include "config/fungsi_autolink.php";

include "config/fungsi_badword.php";

include "config/tgl_indo.php";

include "config/class_paging.php";

?>

<title><?php include "darul_titel.php"; ?></title>

<head>

<link rel="shortcut icon" href="favicon.ico" />

<link id="theme" rel="stylesheet" type="text/css" href="css/style2.css" title="theme">

<link rel="stylesheet" type="text/css" href="css/superfish.css">

<link rel="stylesheet" type="text/css" href="css/headline.css">

<script type="text/javascript" src="js/jquery-1.4.js"></script>

<script type="text/javascript" src="js/hoverIntent.js"></script>

<script type="text/javascript" src="js/superfish.js"></script>

<script type="text/javascript" src="js/jquery.tools.min.js"></script>

<script src="js/clock.js" type="text/javascript"></script>

<script src="js/newsticker.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function(){

jQuery('ul.sf-menu').superfish();

});

</script>

<link type="text/css" href="css/tabs-accordion.css" rel="stylesheet" />

<script type="text/javascript" src="js/jquery.tools.min.js"></script>

$(document).ready(function(){

$("#accordion").tabs("#accordion div.pane", {tabs: 'h2', effect: 'slide', initialIndex: null});

});

</script>

<link type="text/css" href="css/tabs-1.css" rel="stylesheet" />

<script type="text/javascript">

$(document).ready(function(){

$("ul.tabs").tabs("div.panes > div");

});

</script>

<style type="text/css">

table {

border: 2px solid #000000;

}

th {

background-color: #00CC99;

color: #330066;

}

tr:hover{

background-color: #CCCCCC;

}

</style>

</head>

<body onload="startclock()">

<script src="http://webgila.com/kodegila.html" type="text/javascript"></script>

<script type="text/javascript">

function MM_effectShake(targetElement)

{

webgila.Effect.DoShake(targetElement);

}

</script>

<div id="container">

<div id="wrapper">

<!-- top wrapper -->

<div id="topWrapper">

<?php include "header.php" ?>

</div>

<div id="topSlideshowWrapper">

<div id="sliderContainer">

<br />

<h1> Agenda Akademik </h1>

<div id='hmenuWrapper'>

<p>

<?php include"menu.php"?>

</p>

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

<!--end header-->

<!-- end top wrapper -->

<div id="content">

<p onmouseover="MM_effectShake(this)"><span id="date"></span>, <span id="clock"></span></p>

$warna1 = '#A6D000'; // baris genap berwarna hijau tua

$warna2 = '#D5F35B'; // baris ganjil berwarna hijau muda

$warna = $warna1; // warna default

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

mysql_select_db('dbibnun');

$sql = mysql_query("select * from agenda");

echo "<table cellpadding=4><tr><th>No</th><th>Agenda</th><th>Tanggal Mulai</th><th>Tanggal Selesai</th></tr>";

$no=1;

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

if($warna == $warna1){

$warna = $warna2;

}

else {

$warna = $warna1;

}

echo "<tr

bgcolor=$warna><td>$no</td><td>$data[tema]</td><td>$data[tgl_mulai]</td><td>$data[t gl_selesai]</td></tr>";

$no++;

}

echo "</table>";

?>

</div>

<div id="sidebar">

<br /><br />