Cara Membuat Daftar Isi Otomatis Dengan Menu Scrollbar di WordPress.com

Freebie-XP

Untuk dapat menampilkan daftar isi secara otomatis dengan menu scrollbar seperti  contoh diatas anda hanya perlu mengikuti langkah-langkah yang akan saya berikan. Daftar isi dengan menu scrollbar ini bisa anda tempatkan di post, pages dan widget teks.

Berikut caranya:

1. Masuk ke Admin WordPress anda

2. Pada sisi kiri halaman  klik menu [Posts] atau [Pages] > [Add New].

3. Kemudian akan tampil halaman ‘Add New Post/Pages

4. Klik tab HTML

5. Masukan kode dibawah ini tanpa tanda /

<div style=”overflow: auto; width: 500px; height: 250px; background-color: #74f2fa; text-align: left; border: 2px solid #1e8f1e;”>[/archives]</div>

6. Setelah selesai, klik tab Visual lalu klik tombol [Save Draft] bila anda ingin menyimpannya dulu atau klik tombol [Publish] bila anda ingin menampilkannya pada halaman blog anda.

Keterangan:

  •     width : lebar text area
  •     height : tinggi text area
  •     background-color : warna background text area
  •     text-align : perataan text
  •     border : tebal tipisnya garis tepi text area
  •     solid : warna garis tepi text area

Nb: Untuk menaruhnya di sidebar, gunakan widget text.

About these ads

19 Tanggapan

  1. keparat anjing bangsat

  2. blog nice

  3. sippp…. sukses

    step 5 mengecoh “Masukan kode dibawah ini tanpa tanda /”
    mbok tanda “/” diganti tanda lain…. hehehe….

    makasih tutorialnya…. :D

  4. tanda “” juga harus diketik ulang

  5. ngak work gan, selesai di save code nya ngilang tinggal [archive] doang

  6. oh, udah bisa makasih ya :) tapi ngak ada scrool nya

  7. coba masukan kodenya seperti ini gan, kemungkinan bisa
    <div style="border:1px solid rgb(204,204,204);overflow:auto;width:240px;height:120px;background-color:rgb(255,255,255);padding:5px;"> [archives]</div>

    semoga bisa membantu ya gan,,
    salam share,,

  8. thanks atas informasinya yang sangat bermanfaat dan mudah dicerna, salam kenal ya gan, follow me

Berikan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.

%d blogger menyukai ini: