Membuat Daftar Isi dengan Text Area

Permasalahan yang muncul saat kita membuat daftar isi otomatis (shortcode) adalah jika kita menampilkan seluruh arsip blog, maka akan memakan ruang satu halaman. 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.


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>

Setelah itu anda copy dan paste-kan pada area penulisan pada mode [HTML], tapi ingat! pada shortcode hapus tanda “ / “. Untuk melihat jenis shortcode disini.

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.

baca juga cara lain untuk membuat daftar isi dengan text area.

visit my blogspot :

About these ads

One thought on “Membuat Daftar Isi dengan Text Area”

Beri Komentar Yahhh...

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s