Saturday, April 21, 2012

Cara Membuat Daftar Isi di blog tanpa java script

Cara Membuat Daftar Isi di blog tanpa java script


cara membuat daftar isi di blog sederhana gampang Membuat daftar isi blog sangatlah berguna selain kita dapat melihat keseluruhan daftar postingan kita, kita juga di berikan kelebihan lain dari blog kita salah satunya : jika blog anda mempunyai kotak pencari (searching box) lalu apabila anda ataupun pengunjung blog anda mencari suatu artikel di blog anda maka yang tampil hanyalah judul dari tiap-tiap postingan yang berkaitan jadi jika anda mempunyai postingan banyak sangatlah diuntungkan karena pencari artikel tidaklah terlalu sulit untuk menemukan artikel yang dicari dan dan lebih cepat karena menampilkan judul postingannya saja.

berikut cara-cara pembuatannya :

LANGKAH PERTAMA

  1. Login ke Blogger.
  2. Pilih Tata letak
  3. Pilih Edit HTML.
  4. Download Template Lengkap dulu templatenya jika takut gagal.
  5. Kasih tanda centang pada kotak Expand Widget Templates.
  6. Cari kode ini
    <b:include data='post' name='post'/>
    ini pada template anda.
  7. Ganti kode diatas dengan kode dibawah ini :


    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <a expr:href='data:post.url'>
    <div style='padding:6px 0 6px 5px;border-right:1px solid#cfcfcf;border-bottom:1px solid #cfcfcf;margin-bottom:2px;background:#F7F7F7;color:#699ABA;'>
    <data:post.title/></div></a>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>



    Kode warna (tulisan merah), silahkan ganti dengan warna kesukaan anda atau yang sesuai dengan blog anda.

  8. Klik tombol Simpan Template.

LANGKAH KEDUA
  1. Pilih Elemen Halaman.
  2. Klik Tambah Gadget.
  3. Klik tanda + pada HTML JavaScript.
  4. Copy kode dibawah ini kemudian paste pada kolom yang tersedia.


    <a href='http://naufalopal.blogspot.com/search?max-results=200'>Daftar Isi</a>



    Ganti http://naufalopal.blogspot.com dengan URL blog anda.
  5. Klik tombol Simpan.
  6. Lihat Blog anda sekarang.
Langkah kedua itu adalah penjelasan agar tulisan Daftar Isi terletak pada sidebar atau posisi tambah gadget pada blog anda masing-masing. tetapi jika anda ingin menaruhnya ditempat lain juga bisa contoh pada Menubar atau Navbar.
Good Luck..!!

No comments:

Post a Comment