Saturday, December 8, 2012

Cara Membuat Daftar isi Blog Otomatis Berdasarkan Label

Cara Membuat Daftar isi Blog Otomatis Berdasarkan Label - Jauh sebelum postingan ini dibuat, Master Chef Dapur Tutorial Blog Dan Seo juga sudah pernah membahas mengenai Cara Membuat Daftar ini Otomatis yang keren menggunakan JQuery. Nah pada kesempatan kali ini Master Chef kembali ingin berbagi resep tetang cara membuat daftar isi sederhana berdasarkan Label Seperti pada gambar berikut :


Didalam Postingan ini Master chef Tidak menjelaskan lagi apa fungsinya daftar isi. Pastinya sobat Blogger R_G sudah pada tau kegunaannya. Memasang daftar isi ini yang ini tidak begitu sulit seperti memasang daftar isi keren menggunakan JQuery karena anda tidak perlu melakukan Edit HTML. Namun dari segi tampilan, Daftar isi dengan JQuary lebih keren dibanding dengan daftar isi ini.

Daftar Isi bisa anda letakan dibagian sidebar atau didalam postingan seperti pada blog ini. Langsung saja berikut langkah-langkah untuk memasang widget daftar isi otomatis.

Memasang daftar isi didalam postingan
  1. Buat Sebuah Postingan Baru
  2. Pilih mode entri  HTML Bukan Compose
  3. Copas kode berikut kedalam halaman Entri HTML
  4.  250
px; overflow: auto; padding: 5px; width: auto;">
  • Jika sudah publikasikan postingan dan lihat hasilnya
  • Memasang Daftar Isi Pada Bagian Sidebar Blog
    1. Pada bagian dashboar blogger pilih Tata Letak atau Layout
    2. Klik Tambah Gadget atau Add a Gadge
    3. Pilih widget HTML/JavaScript
    4. Copas kode berikut dan masukan ke kolom HTML/JavaScript
    5. 250
    px; overflow: auto; padding: 5px; width: auto;">

  • Klik Simpan dan Lihat Hasilnya
  • Keterangan :

    • Kode warna merah adalah ukuran tinggi daftar isi silahkan disesuaikan.
    • Kode warna biru adalah URL blog silahkan ganti dengan URL Blog milik anda
    Mungkin demikian dulu tutorial Cara Membuat Daftar isi Blog Otomatis Berdasarkan Label kali ini. semoga bisa membantu sobat-sobat blogger yang lagi membutuhkan daftar isi dihalaman blognya.



    BAGUS.CO