Hallo semua hari ini saya akan membuat posting yang berjudul Cara Menambah Fungsi Scroll Pada Sidebar/Widget,manfaat menambah fungsi scroll pada widget adalah memperpendek bagian widget dan supaya meringankan loading blog,oke setelah kita tau manfaat dari Menambah Fungsi Scroll Pada Widget kita langsung mengikuti cara di bawah ini.
Tinggalkan jejak,dan jika ada yang di tanyakan bisa tulis di kolom komentar.
- kita pergi ke dasboard blogger anda
- pilih memu template
- pilih edit HTML
- kemudian cari widget yang akan beri scroll misalnya arsip blog
- cari nama atau judul widget yang akan di beri fungsi scroll (cari menggunakan ctrl+F)
- setelah dapet kodenya ya kurang lebih kayak gini kodenya
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<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>
<b:include name='quickedit'/>
</div>
</b:includable>
ket:kode yang hijau adalah nama dari widget yang kita beri scroll - kemudian tambahkan kode ini dibawah <div class='widget-content'>
<div style='overflow:auto; width:auto; height:250px;'>
ket: kode warna merah adalah tinggi dari scroll tersebut silahkan ganti sesuka anda - setelah itu kita cari kode lagi agak kebawah,kodenya </b:includable> sisipkan kode ini diatas kode </b:includable> </div>
- sehingga kodenya menjadi seperti ini
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:auto; height:250px;'>
<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>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
ket: kode warna biru adalah kode yang kita sisipkan tadi - setelah itu pratinjau templae kalau berhasil simpan template anda.
Tinggalkan jejak,dan jika ada yang di tanyakan bisa tulis di kolom komentar.
Views:
