Program Web profil Sekolah (CONTOH)
Ass.wr.wb
Kali ini Belajar di Perantauan akan berbagi tentang sebuah program web menggunakan php msqli ,
saya membuat program web profil sekolah menggunakan Bootstrap ,php, msqli, Na bagi kawan yang butuh referensi bisa lihat program ini, bisa coba aja.
Langsung aja Ini tampilan depan nya :
Script index nya :
<!DOCTYPE html>
<html>
<head>
<?php
include"body/header.php";
?>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-top:50px;background:white;" >
<?php include"body/head.php"; ?>
</div><!--penutup row-->
<div class="row">
<div class="col-md-12">
<?php include"body/navbar.php"; ?>
</div>
</div><!-- penutup navbar -->
<div class="row">
<div class="col-md-12">
<?php include"body/slide.php"; ?>
</div>
</div><!-- penutup slide-->
<br/>
<div class="row">
<div class="col-md-3">
<?php include"body/side_kiri.php"; ?>
</div>
<div class="col-md-6">
<div class="panel panel-success">
<div class="panel-heading">BERITA<span class="glyphicon glyphicon-th-large" style="float:right;"></span></div>
<div class="panel-body">
<div class="row">
<?php
include"config/koneksi.php";
$no =0;
$sql = "select * from berita order by id_berita desc ";
$query = mysqli_query($konek,$sql);
while ( $data = mysqli_fetch_array($query))
{
$no++;
?>
<div class="col-md-5" style="padding-left:10px;padding-right:0px;">
<img src="img_berita/<?php echo $data['foto']?>" width="100%" height="180" alt="" />
</div>
<div class="col-md-7" style="margin-left:0px;padding-right:10px;background-color:#fff;">
<b><?php echo $data['judul']?></b><br>
<span class="glyphicon glyphicon-time"></span><?php echo $data['jam']?><span class="glyphicon glyphicon-calendar"></span><?phpecho $data['tanggal']?><span class="glyphicon glyphicon-user"></span><?php echo $data['penulis']?>
<p><hr>
<?php echo $data['isi']?>
<br>
<a style="margin-top:9px;" class="siku btn btn-info btn-sm" href="beritalagi.php?id=<?php echo $data['id_berita']?>">Read More</a>
</p>
</div>
</div></br>
<?php } ?>
</div>
</div>
<div class="col-md-3">
<?php include"body/side_kanan.php"; ?>
</div>
</div><hr/><!-- penutup tengah-->
<div class="row">
<?php include"body/footer.php"; ?>
</div><!-- penutup footer-->
</div><!--penutup container-->
</body>
</html>
coboa aja dulu kawan-kawan script lengakap nya bisa download di link ini :
<!DOCTYPE html>
<html>
<head>
<?php
include"body/header.php";
?>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-top:50px;background:white;" >
<?php include"body/head.php"; ?>
</div><!--penutup row-->
<div class="row">
<div class="col-md-12">
<?php include"body/navbar.php"; ?>
</div>
</div><!-- penutup navbar -->
<div class="row">
<div class="col-md-12">
<?php include"body/slide.php"; ?>
</div>
</div><!-- penutup slide-->
<br/>
<div class="row">
<div class="col-md-3">
<?php include"body/side_kiri.php"; ?>
</div>
<div class="col-md-6">
<div class="panel panel-success">
<div class="panel-heading">BERITA<span class="glyphicon glyphicon-th-large" style="float:right;"></span></div>
<div class="panel-body">
<div class="row">
<?php
include"config/koneksi.php";
$no =0;
$sql = "select * from berita order by id_berita desc ";
$query = mysqli_query($konek,$sql);
while ( $data = mysqli_fetch_array($query))
{
$no++;
?>
<div class="col-md-5" style="padding-left:10px;padding-right:0px;">
<img src="img_berita/<?php echo $data['foto']?>" width="100%" height="180" alt="" />
</div>
<div class="col-md-7" style="margin-left:0px;padding-right:10px;background-color:#fff;">
<b><?php echo $data['judul']?></b><br>
<span class="glyphicon glyphicon-time"></span><?php echo $data['jam']?><span class="glyphicon glyphicon-calendar"></span><?phpecho $data['tanggal']?><span class="glyphicon glyphicon-user"></span><?php echo $data['penulis']?>
<p><hr>
<?php echo $data['isi']?>
<br>
<a style="margin-top:9px;" class="siku btn btn-info btn-sm" href="beritalagi.php?id=<?php echo $data['id_berita']?>">Read More</a>
</p>
</div>
</div></br>
<?php } ?>
</div>
</div>
<div class="col-md-3">
<?php include"body/side_kanan.php"; ?>
</div>
</div><hr/><!-- penutup tengah-->
<div class="row">
<?php include"body/footer.php"; ?>
</div><!-- penutup footer-->
</div><!--penutup container-->
</body>
</html>
coboa aja dulu kawan-kawan script lengakap nya bisa download di link ini :
Program Web profil Sekolah (CONTOH) || Zippy Share
Gunakan dengan bijak ya kawan-kawan, semoga bermamfaat dan bisa menjadi referensi buat teman-teman , makasih karena udah mau mamfir di blog ane . jangan lupa tinggalin jejaknya ya . Command + klik iklan nya ya hehe ;)
kalo ada sumur di ladang
jangan lupa numpang mandi
kalo ada umur yang panjang
boleh la main ke sini lagi
eeeaaakkk ;)
BACA JUGA NI:
Gunakan dengan bijak ya kawan-kawan, semoga bermamfaat dan bisa menjadi referensi buat teman-teman , makasih karena udah mau mamfir di blog ane . jangan lupa tinggalin jejaknya ya . Command + klik iklan nya ya hehe ;)
kalo ada sumur di ladang
jangan lupa numpang mandi
kalo ada umur yang panjang
boleh la main ke sini lagi
eeeaaakkk ;)
BACA JUGA NI:
0 Response to "Program Web profil Sekolah (CONTOH)"
Post a Comment