Mungkin anda masih belum puas dengan tampilan daftar isi modifan saya sebelumnya, baca lagi Tutorial Mempercantik Daftar Isi. Oleh karena itu kali ini saya akan berikan Daftar Isi cmsF dengan model yang berbeda dari sebelumnya, yaitu Daftar Isi Tanpa Tanggal Posting. Dengan dihilangkannya tanggal posting, anda akan mendapatkan tampilan daftar isi cmsF lebih cantik.
Tidak hanya itu, anda juga akan mendapati model list-style berbentuk kotak kecil dengan harapan penampilan Daftar Isi lebih cantik dan menarik tentunya.
Mari kita mulai project ini diawali dengan membaca Bismillahirrohmanirrohiem.. setelah itu lakukan langkah berikut ini:
1. Buka file isi.php dengan notepad, letaknya di DOMAIN_ANDA/kontenweb/modul/isi.php
2. Setelah terbuka perhatikan kode di bawah ini:
<div id="konten">3. Sisipkan kode ini style="list-style-type:square;color:#294181" diantara kode tadi
<div id="lebar">
<h3>Daftar isi</h3>
4. Cara menyisipkannya adalah seperti ini:
<div id="konten">Langkah itu tadi adalah untuk menciptakan model list-style berbentuk kotak kecil
<div id="lebar" style="list-style-type:square;color:#294181">
<h3>Daftar isi</h3>
5. Berikutnya cari kode seperti di bawah ini:
<?php echo "<li>$r[tanggal_posting] | <a href='$url_link' title='Baca Selengkapnya $r[judul_berita]'>6. Ganti kode tersebut dengan kode seperti di bawah ini:
<?php echo "<li style='border-bottom 1px solid #ddd;padding: 5px 0px'><a href='$url_link' title='Baca Selengkapnya $r[judul_berita]'>Cara tadi adalah langkah untuk menghilangkan tanggal posting, sekaligus menambah garis bawah berwarna abu-abu.
7. Langkah terakhir adalah menyimpannya atau klik save.
Sekarang saatnya untuk menyaksikan perubahannya, klik link daftar isi anda tentu akan menjumpai Daftar isi dengan suasana yang berbeda. Salam Formulasi, Silahkan dicoba.
Tidak ada komentar:
Posting Komentar