Kali ini saya akan membahas tentang arsip blog yang dipasang dengan cara scrollbar. Apasih scrollbar itu? scrollbar adalah satuan kode HTML yang berfungsi untuk membuat scroll yang bermakna literal adalah gulungan atau juga lebih dikenal dengan handle.
Scrollbar berbeda dengan pull-down atau text area. Fungsi dari scrollbar itu sendiri adalah untuk menghemat tempat.Untuk sahabat AB™ yang ingin memasang scrollbar pada arsip silakan ikuti langkah langkah di bawah ini :
Jika sudah tambahkan kode </div> diatas kode <b:include name='quickedit'/>
Untuk lebih jelasnya coba sahabat perhatikan beberap kode di bawah ini.
Jika sudah sekarang sahabat klik preview dahulu untuk melihat bagaimana tampilan blognya apakah ada kesalahan atau tidak jika ada kesalahan silakan sahabat ulangi lagi dari pertama jika tidak ada kesalahan silakan klik Simpan Template.
Keterangan :
Teks warna merah adalah dimana kode seharusnya diletakan.
Sedangkan angka 200 adalah tinggi kotak arsip blog yang sudah kita pasang scrollbar button.
- Pertama-tama Log In terlebih dahulu ke account Blogger Anda.
- Jika sudah login, di bagian dashbord blog pilih Template untuk mengakses halaman edit HTML.
- Jika sudah jangan lupa back-up template blog sebelum melakukan edit HTML
- Jika sudah cari kode <div id='ArchiveList'> (Gunakan tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
- Jika sudah ketemu, Copy kode dibawah dan letakan diatas kode <div id='ArchiveList'>.
<div style='overflow:auto; width:ancho; height:200px;'>
Jika sudah tambahkan kode </div> diatas kode <b:include name='quickedit'/>
Untuk lebih jelasnya coba sahabat perhatikan beberap kode di bawah ini.
<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>
<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>
Jika sudah sekarang sahabat klik preview dahulu untuk melihat bagaimana tampilan blognya apakah ada kesalahan atau tidak jika ada kesalahan silakan sahabat ulangi lagi dari pertama jika tidak ada kesalahan silakan klik Simpan Template.
Keterangan :
Teks warna merah adalah dimana kode seharusnya diletakan.
Sedangkan angka 200 adalah tinggi kotak arsip blog yang sudah kita pasang scrollbar button.
