Ruhendi.Com

“…Sepenggal Kisah Perjalanan Hidup & Kehidupan Seorang Manusia Biasa Bernama Heru”

WordPress : Membuat Daftar Isi Otomatis

Cara membuat daftar isi otomatis sangat simpel yaitu dengan memberikan shortcode yang bisa ditaruh di posts, pages dan widget.

Caranya buat posts (posting) baru atau pages (halaman) baru, kemudian pada mode ‘html’ pastekan kode dibawah tanpa tanda ”/“ (hapus tanda “/“) :

[/archives]

Setelah selesai, klik tombol ‘Publish’, maka daftar isi otomatis pun telah jadi.

Untuk membuat daftar isi dengan menu dropdown :

[/archives format=option]

Contoh shortcode yang lain :

1. Menampilkan arsip 12 bulan terakhir:
[/archives type=monthly limit=12]
2. Menampilkan arsip 12 bulan terakhir dengan menampilkan jumlah arsip:
[/archives type=monthly limit=12 showcount=true]
3. Menampilkan arsip 18 hari terakhir:
[/archives type=daily limit=18]
4. Menampilkan arsip 32 posting terakhir:
[/archives limit=32]
5. Menampilkan arsip 3 minggu terakhir:
[/archives type=weekly limit=3]
6. Menampilkan arsip 12 bulan terakhir dalam bentuk menudropdown disertai tampilan jumlah arsip:
[/archives format=option type=monthly limit=12 showcount=true]
7. Menampilkan arsip 17 minggu disertai tampilan sebelum dan sesudah text:
[/archives type=weekly limit=17 before=' lama ' after=' baru ']

Keterangan :

* Ingat! paste-kan tanpa tanda ” / “.
* Rubah nilai (angka) diatas sesuai keinginan anda.
* Untuk menaruhnya disidebar, gunakan widgets text.

Untuk melihat contoh tampilan shortcode dapat anda lihat disini.

Selain cara di atas, kita bisa juga mempersingkatnya agar dalam 1 halaman bisa terlihat ringkas yaitu dengan menggunakan textarea.

Caranya pun hampir sama, tinggal sisipkan shortcode di bawah ini pada textarea (Mode HTML), tapi ingat! pada shortcode hapus tanda “ / “.

<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>

Selanjutnya klik ‘Publish’ dan ‘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.

Oya ada satu lagi yaitu penulisan untuk di sidebar (widget) agar lebih ringkas, caranya : aktifkan widgets Text yang baru, kemudian paste-kan kode dibawah di widgets text anda tanpa tanda ” / ” pada shortcode.

<div style=”overflow:auto;width:200px;height:150px;text-align:left;”>[/archives]</div>

Keterangan :

* width : lebar text area (sesuaikan lebar sidebar blog anda).
* height : tinggi textarea (sesuaikan tinggi sidebar blog anda).
* text-align : perataan text.

Filed under: Internet, Tutorial,

One Response

  1. Tapi sobb ini hanya berlaku di wp.com khan bukan wp.org..??

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 )

Google+ photo

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

Connecting to %s

%d bloggers like this: