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. D'Alfath

    Wah..perlu dicoba nih. mantap sekali.

    November 30, 2011 pada 7:42 am

    Balas
  2. zoothera

    ajarin bikin blogroll yang scroll down dongg… taukah?

    Desember 1, 2011 pada 4:48 pm

    Balas
  3. Ariko (&) Sofia

    Numpang baca-baca ya Fan :)
    Sudah beberapa hari saya ga’ Blogwalking he he ….

    Desember 16, 2011 pada 9:13 am

    Balas
  4. adyirwan

    Halo…sohib wordpress

    Numpang nimbrung disini

    http://adie-konoe.blogspot.com

    Desember 17, 2011 pada 8:28 am

    Balas
  5. budiastawa

    wow, ini sangat bermanfaat buat gw. Ternyata pake shortcode toh…. Thank you bro Irfan :D

    Desember 20, 2011 pada 2:06 pm

    Balas
  6. Iwan Lemabang

    terima kasih infonya Mas… maaf, kemarin selesai baca, malah kelupaan ninggalin jejak :D

    Desember 20, 2011 pada 3:37 pm

    Balas
  7. adiemarta

    Mantab gan…
    mksih tas infonya..
    mmpir jga k blog ane gan..
    http://myaktivitas.wordpress.com/
    wassalam…

    Desember 28, 2011 pada 9:34 pm

    Balas
  8. tauco tjiandzoer

    mas ir ko punya saya teks nya sebagian ke potong..???
    (judul di daftar isi)

    Januari 6, 2012 pada 12:16 pm

    Balas

  9. Ping-balik: Banyak Dapat Ilmu Dari Para Blogger « muhammad farhan

  10. nandautumb

    siipp infonya gann…

    Januari 22, 2012 pada 3:17 pm

    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