Sabtu, 31 Januari 2015

Cara membuat daftar isi di Blog


Untuk tutorialnya saya bikin jadi dua biar lebih jelas, pertama untuk halaman / page dan kedua untuk widget / gadget.

Yang pertama kita membuat sebuah halaman yang berisi daftar isi, berikut tutorialnya :
membuat daftar isi blog
  • Login ke blogger.
  • Klik Laman > Laman Baru > Laman Kosong.
  • Beri judul Daftar Isi atau Sitemap atau apalah terserah Anda.
  • Kemudian klik pada tab Edit HTML.
  • Lalu letakkan kode berikut pada area artikel.

    width:480px;height:450px;
    padding:10px;border:1px solid #eee">



Keterangan :
  • Ganti Alamat just-aris.blogspot.com dengan url / alamat blog Sobat.
  • width:480px : Lebar area, ganti dengan ukuran yang sobat inginkan.
  • height:450px : Tinggi area, ganti sesuai keinginan sobat.
  • Untuk tidak menggunakan text area atau scroll hapus tulisan yang saya beri latar kuning.
  • https://html-scripts.googlecode.com/files/feeds.js : ganti dengan alamat daftar isi yang anda inginkan. Berikut beberapa kodenya :
    1. Berdasarkan Label :
      https://html-scripts.googlecode.com/files/feeds-labels.js
    2. Berdasarkan Tanggal :
      https://html-scripts.googlecode.com/files/feed-dates.js
    3. Berdasarkan Artikel terbaru :
      https://html-scripts.googlecode.com/files/feeds.js



  • Klik tombol Preview / Pratinjau untuk melihat hasilnya, jika sudah benar klik Publish Page / Tayangkan Laman. Lalu buka Blog Sobat dan lihat hasilnya…

  • Yang kedua kita Membuat Widget Daftar Isi, berikut tutorialnya :
    • Pada dashboard blogger, klik Tata Letak.
    • Klik Tambah Gadget.
    • Pilih HTML/Javascript.
    • Silakan beri judul pada widget. Lalu letakkan kode berikut :

      ;
      height:250px;padding:10px;border:1px solid #eee">




    • Ganti Alamat just-aris.blogspot.com dengan url / alamat blog Sobat.
    • Ganti https://html-scripts.googlecode.com/files/feeds.js dengan kode daftar isi dibawah ini :
      1. Berdasarkan Label :
        https://html-scripts.googlecode.com/files/feeds-labels.js
      2. Berdasarkan Tanggal :
        https://html-scripts.googlecode.com/files/feed-dates.js
      3. Berdasarkan Artikel terbaru :
        https://html-scripts.googlecode.com/files/feeds.js



  • Klik tombol SAVE. Lalu lihat hasilnya di Blog Sobat.


  • Selamat mencoba dan semoga berhasil Membuat Daftar Isi Blogger.

    1 komentar: