Cara Membuat Scroll Pada Archive Blog ini tidak begitu jauh perbedaanya dengan membuat Scroll Pada Label ataupun Kategori namun ada perbedaanya dan perbedaanya hanya hanya terletak pada kata label dgn archive saja.
Baiklah kita lanjutkan lagi
1. masuk dengan acount blog anda
2. Pilih Layout , serta klik Edit HTML lalu centang Expand Widget
3.Cari kode yang seperti ini :<div id='ArchiveList'>
Tips pencarianya agar lebih cepat Tekan Ctrl +F atau F3
Kalau sudah ditemukan cukup tambahkan kode tulisan <div style='overflow:auto; width:ancho; height:200px;'> tepat dibawah sebagai scollnya.
<h2><data:title/></h2> </b:if> <div class='widget-content'> <div style='overflow:auto; width:ancho; height:200px;'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <b:if cond='data:style == "HIERARCHY"'> <b:include data='data' name='interval'/> </b:if> <b:if cond='data:style == "FLAT"'> <b:include data='data' name='flat'/> </b:if> <b:if cond='data:style == "MENU"'> <b:include data='data' name='menu'/> </b:if> </div></div> </div> <b:include name='quickedit'/> </div> </b:includable>
Ket :
Untuk Angka 250px merupakan tinggi kotak scroll nya, jadi silahkan sobat mengaturnya sesuai ketersediaan ukuran templatenya sobat.
kalau sudah selesai SAVE Template dan lihat Hasilnya...
Baiklah kita lanjutkan lagi
1. masuk dengan acount blog anda
2. Pilih Layout , serta klik Edit HTML lalu centang Expand Widget
3.Cari kode yang seperti ini :<div id='ArchiveList'>
Tips pencarianya agar lebih cepat Tekan Ctrl +F atau F3
Kalau sudah ditemukan cukup tambahkan kode tulisan <div style='overflow:auto; width:ancho; height:200px;'> tepat dibawah sebagai scollnya.
<h2><data:title/></h2> </b:if> <div class='widget-content'> <div style='overflow:auto; width:ancho; height:200px;'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <b:if cond='data:style == "HIERARCHY"'> <b:include data='data' name='interval'/> </b:if> <b:if cond='data:style == "FLAT"'> <b:include data='data' name='flat'/> </b:if> <b:if cond='data:style == "MENU"'> <b:include data='data' name='menu'/> </b:if> </div></div> </div> <b:include name='quickedit'/> </div> </b:includable>
Ket :
Untuk Angka 250px merupakan tinggi kotak scroll nya, jadi silahkan sobat mengaturnya sesuai ketersediaan ukuran templatenya sobat.
kalau sudah selesai SAVE Template dan lihat Hasilnya...
Posting Komentar