Advertise

free counters

Total Tayangan Laman

Diberdayakan oleh Blogger.

Labels

Ads 468x60px

Search

Memuat...

Featured Posts Coolbthemes

 

cara-membuat-archive-blog-dengan-scrol

0 komentar
Cara Membuat Archive dengan Scroll - Penambahan scroll memang banyak manfaatnya. Yaitu bisa menghemat ruang. Sebenarnya banyak sekali widget-widget lain yang bisa ditambahkan fungsi scroll, misalnya " Cara Membuat Label Blog dengan Scroll ", " Kotak Komentar dengan Scroll ", " Cara Membuat Daftar Posting / Isi dengan Scroll ", dan masih banyak lainnya, ditunggu saja postingan tentang scroll pada pertemuan berikutnya. Nah, sekarang kita menuju tutorial membuat Archive Blog dengan Scoll

  • Masuk ke blogger
  • Buka design / rancangan
  • Pilih Edit HTML
  • Centang "Expand Widget Template"
  • Cari kode id='ArchiveList' (Gunakan Ctrl + F )
  • Setelah ketemu, masukkan kode berikut ini tepat di atasnya
<div style='overflow:auto; width:ancho; height:250px;'>
  • Lalu lihat terus ke bawah sampai menemukan kode  <b:include name='quickedit'/>, dan masukkan kode </div> di atas kode <b:include name='quickedit'/> tadi
  • Selengkapnya seperti ini,
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:250px;'>
  <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'/>
  </div>
  • Keterangan : warna merah adalah kode untuk menambahkan Scroll ,kode </div> adalah kode penutup. Bisa sesuaikan panjang dan lebar scrollnya. Height:250px adalah untuk tingginya, Width:ancho adalah lebarnya, kata ' ancho ' berarti scrollnya fleksibel, alias sesuai tempat. Silahkan dimodif sendiri.
  • Hasilnya kira-kira seperti ini
Contoh Archive Blog dengan Scroll

Leave a Reply

Silahkan berkomentar..

Labels

 
Ziefie © 2011 DheTemplate.com & Main Blogger. Supported by Makeityourring Diamond Engagement Rings

You can add link or short description here