Hanya Ingin Berbagi

Membuat Daftar Isi Otomatis Di Sidebar Menggunakan Menu Scroll

Disamping menampilkan daftar isi otomatis di posting dan pages, kita juga dapat menampilkannya di sidebar blog. Mengingat daftar isi yang ditampilkan banyak, kita membuatnya dengan menggunakan Menu Scroll agar terlihat lebih ringkas. Anda Melihat hasilnya seperti daftar isi dibawah ini. Jika Anda ingin menampilkan daftar isi dengan menu scroll ini, silahkan ikuti langkah-langkah pembuatannya. Selamat ngeblog.

Untuk membuat daftar isi otomatis di sidebar menggunakan menu scroll, caranya adalah sebagai berikut:

  1. Silahkan login ke Admin WordPress.com.
  2. Pada sisi kiri halaman  klik menu [Appearance] > [Widgets].
  3. Pada halaman ‘Widgets’ pilih widgets [Text] yang ingin anda pasang di sidebar dengan meng-klik tahan dan geser ke menu [Sidebar].
  4. Pastekan kode ini tanpa tanda / di area widget text: 
    <div style="overflow:auto;width:200px;height:150px;text-align:left;">[/archives]</div>
  5. Dan klik tombol [Save].

Keterangan :

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

Contoh shortcode yang lain :

1. Untuk membuat daftar isi dengan menu dropdown:

[/archives format=option]

2. Menampilkan arsip 12 bulan terakhir:

[/archives type=monthly limit=12]

3. Menampilkan arsip 12 bulan terakhir dengan menampilkan jumlah arsip:

[/archives type=monthly limit=12 showcount=true]

4. Menampilkan arsip 18 hari terakhir:

[/archives type=daily limit=18]

5. Menampilkan arsip 32 posting terakhir:

[/archives limit=32]

6. Menampilkan arsip 3 minggu terakhir:

[/archives type=weekly limit=3]

7. Menampilkan arsip 12 bulan terakhir dalam bentuk menudropdown disertai tampilan jumlah arsip:

[/archives format=option type=monthly limit=12 showcount=true]

8. 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 yang dicetak hijau diatas sesuai keinginan anda.

Shortcode ini hanya berlaku di WordPress[dot]com.

This entry was posted on Mei 31, 2011 by . It was filed under Seputar Wordpress and was tagged with , , , .

29 Tanggapan

  1. retarol

    Akan sy cb,,,makasih infonya?

    Februari 3, 2012 pada 9:36 am

    Balas
  2. naizilkhan001

    mantab bro….mksih ats info penting ne.

    Februari 24, 2012 pada 11:58 am

    Balas
  3. bagasramadhan7

    short codenya ditaruh dimana ?

    Maret 20, 2012 pada 1:16 pm

    Balas
  4. jaguar

    thanks gan….dah Q coba…!!!

    Maret 24, 2012 pada 2:04 pm

    Balas
  5. yadz91

    Reblogged this on Catatan Kuliahku and commented:
    share

    April 4, 2012 pada 8:32 am

    Balas
  6. yadz91

    thx gan sangat membantu

    April 4, 2012 pada 9:10 am

    Balas

  7. Ping-balik: Trick WordPress | Anak Leuwidamar

  8. ensiklopebanten

    gan, mau tanya, cara pasang live chat di wp.com gmn ya? thx jwbnnya.

    Mei 10, 2012 pada 5:20 am

    Balas

Kasih Komentar Dong Om & Tante Semua . . .

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

Gravatar
WordPress.com Logo

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

Twitter picture

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

Facebook photo

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

Batal

Connecting to %s