FSodic.com - Selamat malam sahabat FSodic semua, apa kabar hari ini? Semoga baik pastinya. Dan lagi-lagi tidak terasa sudah dua bulan saya tidak menulisakan post disini dan semenjak saya menjadi orang sibuk . Oke, hari ini kita akan melanjutkan tutorial dalam membuat CMS Blog yang berbasis PHP dan SQL. Sebenarnya SQL yang seharusnya kita gunakan adalah MYSQLi namun berhubung awalnya menggunakan SQL maka kita tetap melanjutkan itu.
Oke, tanpa panjang lebar hari ini kita akan membuat dan memperbaiki strucktur tema dalam CMS blog kita. Untuk langkah awalnya, silahkan buka file header.php dalam folder themes yang kurang lebih isinya seperti ini:
Silahkan sobat cari tag akhir </head> dan isikan css sebelum tag penutup tersebut:
Selanjutnya, kita mulai mengatur html-html pada bagian header dan silahkan sobat cari h1 header dan ubah menjadi:
Dan berikut penampakannya:
Sementara dibaris terakhir setelah tag penutup div header, sobat bisa menambahkan menu list kategori seperti ini:
Sementara file header.php akan menjadi:
if(isset($_GET['fs']))
{
if($_GET['fs'] == 'post')
{
$h1 = 'div';
$h2 = 'div';
$desc = $desc_page;
}
else
{
$h1 = 'h1';
$h2 = 'h2';
$desc = $description;
}
}
else
{
$h1 = 'h1';
$h2 = 'h2';
$desc = $description;
}
echo '<!DOCTYPE html>
<html>
<head>
<title>'.$fs_title.' | '.$name.'</title>
<meta name="description" content="'.$desc.'" />
<meta name="keywords" content="'.$keywords.'" />
<link rel="stylesheet" type="text/css" href="'.$url.'/assets/mobile.css" media="all,handheld" />
</head>
<body>
<div id="header">
<'.$h1.' class="heading"><a href="'.$url.'/">'.$name.'</a></'.$h1.'>
<'.$h2.' class="description">'.$description.'</'.$h2.'>
</div>
<div id="menu">
<ul class="inline">
<li><a href="'.$url.'">Beranda</a></li>
';
$cat_list_scan = mysql_query("SELECT * FROM `category` ORDER BY `name` ASC");
if(mysql_num_rows($cat_list_scan) > 0)
{
while($catl = mysql_fetch_array($cat_list_scan))
{
echo '
<li><a href="'.$url.'/index.php?fs=category&id='.$catl['idcategory'].'">'.htmlentities($catl['name']).'</a></li>
';
}
}
echo '
</ul>
</div>
';
Selanjutnya kita mulai mendesain cssnya, untuk sobat sudah saya sediakan dan bisa langsung di unduh dalam bentuk zip:
Selanjutnya, kita buka footer.php di folder themes dan sedikit perubahan seperti ini:
echo '
<div id="footer">
<div class="footing">Copyright © '.date('Y', time()+60*60*$gmtime).' <a href="'.$url.'">'.$name.'</a></div>
<h6 class="powered-by">Oleh <a href="https://www.fsodic.com">Fajar Sodik</a></h6>
</div>
</body>
</html>';
Untuk teks Oleh Fajar Sodik silahkan sobat ubah sesuai keinginan masing-masing.



Okelah, untuk sementara kita cukupkan sampai disini, jangan lupa untuk terus belajar dan jangan pernah menyerah! Untuk sobat yang ingin terhubung dengan saya di facebook bisa langsung kesini.