Blog Archive

Cara Membuat Daftar Isi di blog tanpa java script

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 sobat mempunyai kotak pencari (searching box) lalu apabila sobat ataupun pengunjung blog sobat mencari suatu artikel di blog sobat maka yang tampil hanyalah judul dari tiap-tiap postingan yang berkaitan jadi jika sobat 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'/>
  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://www.trikblogger.com/search?max-results=200'>Daftar Isi</a>

    Ganti http://www.trikblogger.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 sobat masing-masing. tetapi jika sobat ingin menaruhnya ditempat lain juga bisa contoh pada Menubar atau Navbar.

1 Comment:

NFS Reload said...

langsung praktek gan :) thx tutor nya
http://www.nfsreload.com/

Post a Comment