Refleksi & Blog Tutorial

Refleksi dan tutorial blog A. Fatih Syuhud dalam bahasa Indonesia

31 Juli 2010 • 11:53 am

Cara Bikin Daftar Isi Blog WordPress

cara buat daftar isi bog wordpressTutorial Cara Bikin Daftar Isi / Table of Contents otomatis dengan mudah di Blog berbasis WordPress, baik yang gratis (WordPress.com) maupun yang berbayar (WordPress.org).


Daftar isi (Table of Contents) otomatis bentuknya mirip dengan sitemap. Berfungsi untuk memudahkan pembaca melihat artikel yang lain. Setiap kali ada posting/artikel baru, maka link dan judulnya akan otomatis tampil di Daftar Isi. Daftar Isi bisa dibuat di Pages (Halaman Statis) dan Sidebar. Contoh yang di Pages lihat di sini. Sedang Daftar Isi di Sidebar dapat dilihat contohnya di Sidebar bagian kanan blog ini atau lihat screenshotnya di dasar halaman ini.

CONTENTS

  1. Pengantar
  2. Daftar Isi di Halaman Statis (Pages)
  3. Daftar Isi di Sidebar
  4. Screenshot Kode di Pages / Halaman Statis
  5. Screnshot Kode di Sidebar


II. Cara Buat Daftar Isi di Halaman Statis (Pages)

  1. Login ke admin WordPress.com
  2. Halaman -> klik Tambahkan Baru -> kasih judul: Daftar Isi cara bikin daftar isi wordpress
  3. Klik HTML di posting editor dan masukkan kode berikut:
    [/archives]

    (Buang tanda “/” atau garis miring waktu memasukkan kode). cara buat daftar isi wordpress

  4. Klik Terbitkan atau Publish. Selesai.


III. Cara Buat Daftar Isi di Sidebar
Supaya tidak terlalu panjang, Daftar Isi di sidebar dibuat dalam format Text Area

  1. Login ke admin wordpress.com -> Tampilan / Appearance -> Widget
  2. Aktifkan widget Teks / Text -> masukkan kode berikut -> 
     <div style="overflow:auto;width:225px;height:150px;text-align:left;">[/archives]</div>

    Jangan lupa buang tanda “/” (garis miring).

  3. Simpan/save widget. Selesai.

Catatan:

  • Ukuran width (lebar) bisa dirubah sesuai ukuran Sidebar blog kita. Begitu juga dengan ukuran height (tinggi).
  • Daftar Isi di Pages atau Halaman Statis bisa juga dibuat dalama sistem format untuk menghemat tempat dan mempercepat loading.


Gambar Kode Daftar Isi WordPress di Pages / Halaman Statis

Kode daftar isi blog wordpress


Gambar Kode Daftar Isi + Text Area di Sidebar Kode daftar isi di sidebar wordpress

Gambar Daftar Isi di Sidebar Blog

daftar isi table of contents di sidebar wordpress blogGambar Daftar Isi di Pages Blog WordPress

daftar isi pages blog wordpressAnda bisa juga membuat kustomisasi (customize) dengan berbagai variasi. Lebih detil lihat di sini!

Artikel Terkait:

  1. How to Make Money Online
  2. SEO Guide for Blogger WordPress
  3. Blog Tutorial
    1. Tutorial WordPress.com
    2. Tutorial WordPress Hosting Sendiri
    3. Tutorial Blogger Blogspot
    4. Tutorial Domain CO.CC
    5. Tutorial Facebook
    6. Tutorial Twitter
    7. Tutorial Blog Blogsome.com
  4. Cara Membuat Blog
  5. Cara Menulis di Blog

Filed under: Blog Indonesia, ,

31 Responses

  1. Daftar Isi pada sidebar di wordpress.com « eskampiun mengatakan:
    10 Februari 2012 pada 10:12 pm
    kepada: afatih.wordpress dan panduanbelajarblog.com Share [...]..." permalink="http://afatih.wordpress.com/2010/07/31/cara-bikin-daftar-isi-blog-wordpress/#comment-82525"]

    [...] kepada: afatih.wordpress dan panduanbelajarblog.com Share [...]

    Balas
  2. es kampiun mengatakan:
    10 Februari 2012 pada 4:10 pm

    saya sudah mencoba,.,.. dan BERHASIIILLLLL… terimakasih :D

    Balas
  3. es kampiun mengatakan:
    10 Februari 2012 pada 4:07 pm

    saya sudah mencoba,,.. tapi kok cuma bisa digulir ke bawah ya..?? sedangkan kesamping tidak ada

    Balas
  4. jaqfar mengatakan:
    7 Desember 2010 pada 10:02 pm
    pada is html nya.cuman kq yg muncul tulisan nya " "bukan link postingan yg telah sy buat yaa?mohon bantuanya..makasi.. :)..." permalink="http://afatih.wordpress.com/2010/07/31/cara-bikin-daftar-isi-blog-wordpress/#comment-54393"]

    sy dah coba isikan [archives] pada is html nya.
    cuman kq yg muncul tulisan nya ” [archives] ”
    bukan link postingan yg telah sy buat yaa?

    mohon bantuanya..
    makasi.. :)

    Balas
  5. bandoenglover mengatakan:
    21 November 2010 pada 1:06 pm

    Makasih banyak infonya!!! Jgn lupa mampir k blogku yh!!! http://bandoenglover.wordpress.com

    Balas
  6. Berbagi Informasi dan bisnis mengatakan:
    26 Oktober 2010 pada 4:56 pm

    infonya bermanfaat sekali
    langsung di coba,tar kalo ga berhasil saya boleh tanya lagi kan?maklum newbie

    Balas
  7. Nutaryuk mengatakan:
    20 Agustus 2010 pada 3:49 pm

    Kok saya coba bikin “Page” di blog saya gak bisa Mas.
    Kenapa ya ?
    Apanya yang salah ya..
    Mohon pencerahannya Mas..
    Makasih.

    #masa sih? coba lagi. atau buat blog baru di wordpress.com. buat coba2.

    Balas
  8. Brotoadmojo mengatakan:
    9 Agustus 2010 pada 5:37 pm

    terimaksih, memang sangat perlu buat mempermudah pencarian, daripada buka arsip perbulannya…

    Balas
  9. Kangisa mengatakan:
    5 Agustus 2010 pada 12:28 pm

    Salam knal nih kang… mau tanya nih.. kalau membuat sitemap caranya sama ga dengan membuat daftar isi ini…??? sharing dong mengenai hal ini… blog saya sedang dicoba cara membuat sitemapnya hanya bingung membuatnya.. kalau boleh bikin artikenya juga dong…. thank’s ya…

    Balas
  10. Masda mengatakan:
    4 Agustus 2010 pada 4:41 pm

    Ne saya baru pindahan ke wp mas, sama sekali g mudeng, harus banyak2 belajar dari sini, thanks udah berbagi

    Balas
« Komentar Lebih Lama

Silahkan berkomentar dengan santun

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

Blogger Indonesia

#1 Top Ten Blogger Indonesia versi Majalah Tempo

Copy code below, insert into your blog
<a href="http://www.fatihsyuhud.com/blogger-tips/" title="Blog Tutorial Wordpress Blogger Blogspot" target="_blank"> <img src="http://sites.google.com/site/fatihsyuhud/Home/blog-indonesia.gif" border="0" alt="Blog Tutorial Wordpress Blogger Blogspot"> </a>

Arsip

Blogger Indonesia FB Profile
Blogger Indonesia Fan Page

Sebarkan Budaya Ngeblog!


Copy kode di bawah, letakkan di Sidebar blog Anda :)
<a href="http://afatih.wordpress.com/" target="_blank"> <img src="http://sites.google.com/site/fatihsyuhud/Home/blog-tutorial.gif" border="0" alt="Cara Membuat Blog"> </a>
Tidak tahu cara tukar link? Baca tutorialnya di sini!

Etika Copy Paste

Mengutip tulisan di sini dibolehkan asal menyebut nama penulis (A. Fatih Syuhud) dan link ke fatihsyuhud.net/
A. Fatih Syuhud Budaya ngeblog adalah budaya baca dan menulis dalam skala massal. Sebuah budaya yang dilakukan bangsa-bangsa maju dan civilized. Indonesia akan tetap berkutat dalam kemunduran kalau masih stagnan pada budaya lisan dan enggan mereformasi diri. Setiap Blogger Indonesia "berkewajiban" untuk mengajak rekan-rekannya ngeblog--dengan bahasa Inggris atau Indonesia -- untuk sama-sama menuju tradisi baru insan modern.
Email: fatihsyuhud-at-gmail-dot-com

Paling Populer

Find Us

Blogger Indonesia twitter

Blog Stats

  • 4,413,616 hits
Ikuti

Get every new post delivered to your Inbox.

Bergabunglah dengan 620 pengikut lainnya.