Monday 23 April 2012

Membuat Scroll Bar untuk Archive Blog

Dengan makin banyak tulisan pada blog membuat tampilan blog terlihat penuh sesak. Untuk menyederhanakan dapat dilakukan dengan membuat scroll bar untuk archiveblog.

Langkah untuk membuat scroll bar:

  1. Masuk ke design
  2. Pilih template
  3. Pilih Edit HTML > Lanjutkan
  4. Centang "Expand Template Widget"
  5. Cari tulisan ></b:skin
  6. Salin dan tempel kode di bawah ini di atas tulisan  ></b:skin
          #BlogArchive1 .widget-content{
          height:300px;
          width:auto;
          overflow:auto;
          }

     7.  Lihat hasilnya dengan pratinjau lebih dahulu, jika sesuai simpan templatenya.

Ketinggian scroll bar adalah 300 dan dapat dirubah sesuai keiningan.
Untuk mengantisipasi resiko ke updatenya kode-kode lainnya yang ada pada HTML, ada baiknya HTML nya disimpan lebih dahulu. 

No comments:

Post a Comment