Join Us : Agus Istiqlal Agus Istiqlal Agus Istiqlal Agus Istiqlal
Info dahsyat Info dahsyat

cara membuat arsip blog dengan scrool

sering kita melihat sebuah blog dengan tampilan arsip yang panjang berjejer kebawah dan semakin banyak posting pada bulan itu kalo pengaturan tampilanya menggunakan bulanan maka akan menjadi panjang dan itu membuat tampilan blog kurang dinamis, nah disamping membuat tampilan kurang menarik itu juga memperboros tampilan blog . sebenarnya untuk mengatasi hal seperti itu kita bisa atasi dengan membuat arsip dengan scrool ( bisa digeser kebawah ke atas ), seperti punya saya
untuk membuatnya silahkan masuk ke blog anda pilih rancangan:


 Kemudian klik pada Edit HTML.
Membuat Scroll pada Arsip Blog

Untuk menjaga bila ada salah backuplah terlebih dahulu template anda, dengan cara klik Download Template Lengkap.

dan setelahnya centang kotak Expand Template Widget.


Kemudian carilah kode:  <div id='ArchiveList'>


 untuk mempermudah mencarinya tekan (Ctrl + F) atau f3 pada keyboard . Maka akan muncul kotak Find. Ketiklah kode yang akan dicari pada kotak tersebut lalu tekan Enter, maka secara otomatis akan muncul kode yang dicari dalam keadaan terseleksi dengan warna hijau.



 Kemudian perhatikan beberapa baris kode di bawahnya. Lengkapnya akan terlihat seperti di bawah ini.


<div style='overflow:auto; width:ancho; height:100px;'>
<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>
  <b:include name='quickedit'/>


Kode yang berwarna biru adalah kode yang harus ditambahkan untuk membuat scrollnya. Letakkanlah kode tersebut seperti posisi di atas. Khusus yang berwarna merah (100) adalah angka untuk tinggi kotak scrollnya. Anda bisa ganti sesuai dengan ukuran yang paling pas untuk blog anda. Setelah itu klik SIMPAN TEMPLATE dan tunggu hingga proses berlangsung.

Sekarang hasilnya sudah bisa anda lihat dengan mengklik Lihat Blog.





--- Share Yaa Bro ----
Artikel Yang Lain :
Isi Lengkap Blog Ini Lihat :Daftar Isi Blog
Hubungi saya jika Anda menemukan konten yang rusak, aneh atau tidak berhasil Anda terapkan. Silahkan beritahu kami dengan klik : Contact Me! . Kami akan berusaha membalas atau memperbaiki konten secepatnya. Terima Kasih.

4komentar:

Silahkan anda berkomentar

--------------- IKUTI BLOG INI --------------