RSS

Cara Buat Daftar Isi Secara Otomatis Dengan Textarea

25 Sep

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>

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.

 

About Kang Agus

untuk curhat ke tentang kapal pesiar tolong jangan inbox ke fb lagi saya ga bisa jawab semuanya lebih baik ke link ini aja saya akan usahakan dijawab : http://ehkangagus.wordpress.com/curhat-sang-pelaut/ many thanks good luck guys..
2 Comments

Posted by on 25 September 2009 in Belajar Wordpress

 

Tags: , , , , , , , , , , , , , , , , , , ,

2 Responses to Cara Buat Daftar Isi Secara Otomatis Dengan Textarea

  1. photoshoppemula

    9 October 2009 at 02:14

    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]

     

Leave a Reply

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 )

Connecting to %s

 
Follow

Get every new post delivered to your Inbox.

Join 92 other followers