Scroll Picture
Gan, apa sidebar agan udah kepadatan gan? jangan khawatir gan, banyak jalan menuju Medan, wakakakaka, ane mau ngasih tips sama agan gimana caranya supaya menghemat tempat di sidebar agan, dan kali ini kita bermain-main dengan kode HTML gan
...Langkah Pertama: centang 'Expand Template Widget'
Langkah Kedua : cari kode yang mirip seperti ini:
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
NB : Tulisan yang berwarna merah adalah nama widget, untuk memudahkan pencarian ubah dulu nama HTML/JavaScript yang mau dibuat scroll...
Misalnya yang akan dibuat scroll adalah 'Widget' maka kodenya seperti ini :
<b:widget id='HTML1' locked='false' title='Widget' type='HTML'>
<b:includable id='main'>
<div style='overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</div>
</b:if>
</b:includable>
</b:widget>
NB : Lihat kode yang berwarna merah diatas, nah itu yang agan agan sisipkan sesuai urutannya, copas tulisan yang berwarna merah pada tempatnya.
Lalu, SAVE templatenya gan, semoga berhasil, jika ada yang kurang jelas komentar aja gan disini.
