MEMBUAT KOTAK DAFTAR ISI BERGILIR



CARA MEMBUAT ARSIP BLOG ATAU DAFTAR ISI BLOG DENGAN TOMBOL BERGULIR





Sebelumnya, saya telah memposting bagaimana cara membuat archive blog atau daftar isi dengan scroll.. disini

Posting saya kali ini, adalah membuat  hal yang sama yaitu membuat daftar isi dengan kotak bergulir, hanya saja caranya berbeda...
Jadi bagi yang kesulitan dengan cara yang pertama, bisa melakukan dengan cara yang kedua ini...

Cara ini sudah sangat umum tetapi mungkin ada yang belum menggunakan cara yang satu ini, cara ini sangat efektif untuk menghemat isi dari arsip blog kita, karena kalau blog yang sudah memiliki postingan lebih dari 1000 pasti arsip blognya akan sangat panjang jika ditampilkan dengan gaya hirarki.

Bagi yang mau mencoba silakan ikuti langkah berikut:
1. Masuk tab rancangan - edit HTML
2. Centang expand template widget
3. Ctrl+F cari kode berikut :



</b:includable>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>


4. Tambahkan kode berikut pada script di atas sehingga akan seperti ini tampilannya


</b:includable>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div style='overflow:auto; width:ancho; height:300px;'&gt;
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div></div>

5. Kode yang saya tandai dengan hitam, itu adalah kode yang harus anda tambahkan. Anda juga bisa mengatur tingginya dengan mengatur height:300px.


Sekian penjelasan kali ini....

SLIMING CAPSUL
Suplement pelangsing terbaik. Lulus Standard GMP (Good Manufacturing Practice) dan uji tes SGS. Pesan sekarang Juga!!!
sikkahoder.blogspot
ABE CELL
(Jamu Tetes)Mengatasi diabetes, hypertensi, kanker payudara, mengurangi resiko stroke, meningkatkan fungsi otak, dll.
sikkahoder.blogspot
MASKER JERAWAT
Theraskin Acne Mask (Masker bentuk pasta untuk kulit berjerawat). Untuk membantu mengeringkan jerawat.
sikkahoder.blogspot
ADHA EKONOMIS
Melindungi kulit terhadap efek buruk sinar matahari, menjadikan kulit tampak lenih cerah dan menyamarkan noda hitam di wajah.
sikkahoder.blogspot
BIO GLOKUL
Khusus dari tanaman obat pilihan untuk penderita kencing manis (Diabetes) sehingga dapat membantu menstabilkan gula darah
sikkahoder.blogspot


ADVERTISE HERE Ads by Sikkahoder
Body Whitening
Mengandung vit C+E, AHA, Pelembab, SPF 30, Fragrance, n Solk Protein yang memutihkan kulit secara bertahap dan PERMANEN!!
Sikkahoder.blogspot
PENYEDOT KOMEDO
Dengan alat ini, tidak perlu lg memencet hidung, atau bagian wajah lainnya untuk mengeluarkan komedo.
Sikkahoder.blogspot
Obat Keputihan
Crystal-X adalah produk dari bahan-bahan alami yang mengandung Sulfur, Antiseptik, Minyak Vinieill. Membersihkan alat reproduksi wanita hingga kedalam.
Sikkahoder.blogspot
DAWASIR
Obat herbal yang diramu khusus bagi penderita Wasir (Ambeien), juga bermanfaat untuk melancarkan buang air besar dan mengurangi peradangan pada pembuluh darah anus
Sikkahoder.blogspot
TERMOMETER DIGITAL
Termometer digital dengan suara Beep. Mudah digunakan, gampang dibaca dengan display LCD dan suara beep ketika selesai mendeteksi suhu.
Sikkahoder.blogspot


ADVERTISE HERE Ads by Sikkahoder