Cara Membuat Arsip Blog Dengan Fungsi Scroll

Pada kesempatan kali ini saya akan membahas Cara Membuat Arsip Blog Dengan Fungsi Scroll. Dengan membuat fungsi scroll ini kita dapat memaksimalkan halaman blog yang kita miliki, dan menjadikan blog kita tampak elegan. Fungsi scroll ini banyak digunakan para blogger untuk memuat daftar isi blog mereka yang tak lagi terhitung. Disamping itu juga fungsi scroll juga dapat kita manfaatkan untuk memuat arsip blog agar minimalis.

Contohnya bisa anda lihat di sidebar blog ini (Arsip Blog).

Untuk membuatnya sangat mudah sekali, Anda cukup mengikuti langkah-langkah di bawah ini :

Pertama Kita harus membuat dulu Arsip Blog

• Masuk ke blogger

• Klik Tata Letak

• Klik Elemen Halaman

• Tambahkan sebuah elemen halaman=> Tambah elemen Arsip Blog

• Tapi Anda harus pilih gaya Hierarki

Pada Menu Diatas Itu belum terdapat fungsi scroll, untuk membuatnya memiliki fungsi scroll ikuti langkah-langkahnya lagi !

• Setelah itu, klik Edit Html

• Beri tanda centang pada tulisan Expand Widget Template

• Lalu Anda cari kode seperti ini : (untuk mempermudah pencarian kode tekan Ctrl + f )

<div class='widget-content'>

nah, anda akan melihat kode seperti dibawah ini :

  <div class='widget-content'>

<div style='overflow:auto; width:215px; height:200px;'>

  <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>

Kemudian masukkan kode yang berwarna seperti contoh di atas,

dan sesuaikan lebar dan tinggi Scroll sesuai dengan kebutuhan Anda.

width:215px = Lebar Scroll 

height:200px = Tinggi Scroll

Kemudian Klik pratinjau untuk melihat hasinya, setelah sesuai kemudian SAVE..

Selamat Mencoba....

Post title : Cara Membuat Arsip Blog Dengan Fungsi Scroll
URL post : https://adanggak.blogspot.com/2011/12/cara-membuat-arsip-blog-dengan-fungsi.html