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:
Membuat CMS Blog Sendiri dengan PHP dan SQL

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:
Membuat CMS Blog Sendiri dengan PHP dan SQL 2

Dan berikut penampakannya:
Membuat CMS Blog Sendiri dengan PHP dan SQL 3

Sementara dibaris terakhir setelah tag penutup div header, sobat bisa menambahkan menu list kategori seperti ini:

Membuat CMS Blog Sendiri dengan PHP dan SQL 2
Sementara file header.php akan menjadi:

<?php 
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&amp;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:
Unduh ZIP CSS default Mobile

Selanjutnya, kita buka footer.php di folder themes dan sedikit perubahan seperti ini:

<?php 
echo '
<div id="footer">

<div class="footing">Copyright &copy; '.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.
Membuat CMS Blog Sendiri dengan PHP dan SQL 2
Membuat CMS Blog Sendiri dengan PHP dan SQL 2
Membuat CMS Blog Sendiri dengan PHP dan SQL 2

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.