Membuat File Header dan Footer di CMS Blog

FSodic.com - Selamat malam sobat FSodic.com semua, apa kabar malam hari ini? Semoga baik pastinya. Hari ini adalah hari sabtu dan besok minggu, pasti ada yang sedang berdua dengan pacarnya. Stop dulu berduanya, karena saya akan melanjutkan pembuatan blog yang sempat tertunda. Dan satu lagi yang terlewatkan besok adalah tanggal 17 Agustus, yang artinya negara kita sudah 69 tahun merdeka. Semoga negara kita bisa merdeka dari penajajahan ekonomi atas negara lain.

Oke, tanpa banyak cerita. Kita mulai saja postingnya sekarang. Setelah beberapa hari yang lalu kita membuat struktur tema, kurang lengkap rasanya jika kita tidak menambahkan bagian header dan footer di file tersendiri. Kali ini, kita coba buat 2 buah file yang pertama bernama header.php dan yang kedua footer.php. File ini sebenarnya hanya akan kita gunakan untuk memudahkan kita dalam memasukan tag-tag header dan tidak perlu lama menuliskan teks pada file kita nantinya.

Setelah kita buat file header.php dan footer.php, kita mulai mengisinya. Untuk file pertama adalah header.php dengan teks berikut:


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>

<head>

<title>'.$fs_title.' | '.$name.'</title>

<meta name="description" content="'.$desc.'" />

<meta name="keywords" content="'.$keywords.'" />

</head>

<body>

<div id="header">

<'.$h1.' class="heading">'.$name.'</'.$h1.'>

<'.$h2.' class="description">'.$description.'</'.$h2.'>

</div>
';

Nah, Sedikit penjelasan. Jika halaman yang kita buka $_GET['fs'] adalah post, maka h1 dan h2 akan dibuat sebagai div. Sedangkan yang lainnya akan tetap dengan h1 dan h2. Tujuannya adalah memperseo kan CMS kita. Untuk deskripsi juga demikian, jika blog yang kita kunjung itu dalam post maka deskripsinya adalah sebagian teks dari post.

Nah, pada file footer.php, kita juga hanya perlu membuat teks berikut:


echo '
<hr />

<div class="fs-foot">Copyright &copy; '.date('Y', time()+60*60*$gmtime).'</div>

</body>
';

Bagaimana sobat? apa sudah selesai dengan dua perintah tadi? Nah sekarang kita coba mengincludenya ke dalam file yang pernah kita buat dalam folder themes.

Apa soba masih ingat apa saja file yang ada dalam folder themes? semoga saja masih. Kita baru memiliki 3 buah file disana, yaitu index.php, category.php, dan post.php. Kita mulai dari file category dahulu, sobat cari teks DOCTYPE html dimuali dari echo hingga tanda '; yang pertama dan sobat gantikan dengan teks

Lalu, dibagian akhir sobat cari tanda "}" dan ubah semua teks mulai dari echo sampai '; dengan teks include ('./themes/footer.php');. Khusus untuk footer, sobat gunakan includenya sama untuk file index.php dan post.php

Setelah file category, kita buka lagi file index.php. Masih sama perintahnya dengan file category.php sobat ubah teks echo hingga '; yang terdapat teks DOCTYPE html dengan teks:

dan jangan lupa, pada bagian bawah sobat tambahkan teks yang sama dengan category dengan menghilangkan echo hingga '; pada teks setelah }.

Sedikit rumit sepertinya, tapi saya yakin kalau sobat membaca baik-baik akan mengerti. Sekarang file post.php kita mulai ubah isinya. Sebelumnya sobat cari tag untuk headernya (DOCTYPE html) lalu sobat hapus dan ganti dengan teks berikut tepat dibawah $post = mysql_fetch_array($post_sql);:

dan pastinya pada bagian footernya masih sama dengan file yang sebelumnya, hanya saja disini tidak ada perintah while.

Lalu bagaimana penampakannya? Masih tetap sama seperti sebelumnya, hanya saja kita membuatnya lebih mudah dan simple dalam menuliskan. Oke, saya rasa cukup sekian dari saya. Jangan lupa add facebook saya di sini.

Tampilan halaman utama:
Membuat File Header dan Footer di CMS Blog