 |
| Menu DropDown |
Cara/trik tips tutorial blogger kali ini akan membahas tentang arsip blog yang dipasang Cengan 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 Blogger Pemula
yang ingin memasang scrollbar pada arsip silakan ikuti langkah langkah
di bawah ini :
Masuk blogger dengan ID sahabat:
Pada opsi lainnya silakan klik Template > > Edit HTML > > Lanjuta ( jagan lupa centang kotak Expand Template Widget )
Cari kode berikut ini <div id='ArchiveList'> ( biar lebih cepat gunakan Ctrl + F )
Jika sudah ketemu silakan silakan cope paste kode di bawah ini tepat sebelum kode <div id='ArchiveList'>
<div style='overflow:auto; width:ancho; height:100px;'>
Jika sudah tambahkan kode </div> di atas kode <b:include name='quickedit'/>
Untuk lebih jelasnya coba sahabat perhatikan beberap kode di bawah ini
<div style='overflow:auto; width:ancho; height:100px;'>
<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'/>
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 putih adalah dimana kode seharusnya diletakan.
Sedangkan angka 100 adalah tinggi kotak arsip blog yang sudah kita pasang scrollbar button, terima kasih dan semoga bermanfa'at.
0 komentar:
Post a Comment