Cara Buat Daftar Isi Secara Otomatis Dengan Textarea
25 September 2009 3 Comments
Cara buat daftar isi secara otomatis dengan Textera ini sangat praktis dan simpel dan sayapun pakai yang ini tapi terserah anda pilih-pilih aja dulu kalau cocok silahkan pakai yang ini, dikarenakan jumlah arsip yang banyak dan coba anda bayangkan jika arsip blog anda sudah tahunan, berapa panjang arsip yang akan ditampilkan dalam satu halaman? Untuk mempersingkatnya agar dalam 1 halaman agar terlihat ringkas, kita dapat menggunakan textarea seperti terlihat diatas.
Terlihat ringkas bukan ? Caranya sangat mudah, sisipkan shortcode pada textarea.
Lihat contoh :
<div style=”overflow: auto; width: 480px; height: 100px;
background-color: #ffecff; background-attachment: scroll;
background-repeat: no-repeat; background-position:right bottom;
background-image:
url(http://bootingskoblog.files.wordpress.com/2008/11/poke133.gif);
text-align: left; padding: 5px; border: 2px solid #0000b9;”>
<span style=”font-size:10px;color:#800080;
font-family:Sans-serif;”>[/archives]
</span>
</div>
Tampilan arsip blog anda tidak akan terlihat pada area penulisan, untuk melihatnya ‘Publish’ dahulu dan klik tombol ‘Preview Changes’.
Keterangan :
- width : lebar textarea.
- height : tinggi textarea.
- background-color : warna background textarea.
- background-image : alamat gambar.
- background-position : letak posisi background gambar pada textarea.
- text-align : perataan pada text.
- padding : jarak antar text dengan textarea.
- border : tebal tipisnya bingkai textarea.
- solid : warna bingkai textarea.
- font-family : jenis text.
About Kang Agus CSP
Daftar Isi
Inilah yang terjadi/yang keluar saat saya mencoba trik diatas
hasil daftar isi yang keluar diblog saya seperti dibawah ini
background-color: #ffecff; background-attachment: scroll;
background-repeat: no-repeat; background-position:right bottom;
background-image:
url(http://bootingskoblog.files.wordpress.com/2008/11/poke133.gif);
text-align: left; padding: 5px; border: 2px solid #0000b9;”>
font-family:Sans-serif;”>[/archives]
Pingback: BELAJAR WORDPRESS « Dzackidotcom's Blog
Pingback: BELAJAR WORDPRESS « ismindah05