Memberi Scroll Pada Label Versi 2

Masih Ingin Belajar, sekarang saatnya untuk membuat Memberi Scroll Pada Label Versi 2 yang berbeda dari artikel yang menjelaskan cara Memberi Scroll Pada Label Versi 1 karena di versi dua ini kemungkinan besar penggunaannya yaitu pada saat akan menambahkan scroll pada label dengan template yang bukan template standar dari blogger sehingga susunan script dalam blognya jadi berbeda, mari kita langsung saja ke langkah-langkahnya ;

1. Login Ke Blogger.com
2. Klik Rancangan
3. Klik Edit HTML
4. Centang check box Expand Widgets Template
5. Untuk jaga-jaga bilamana terjadi kegagalan klik Download Template Lengkap
6. Tekan F3/Ctrl+F dan cari kode  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'> 

7. Samakan Tapinalannya seperti di bawah ini (NB:Script yang berwarna coklat adalah script yang akan kita tambahkan)

<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<div style='overflow:auto; width:ancho; height:300px;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>



Perhatian !!!
Jika Anda tidak menemukan <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>  maka silahkan untuk menggunakan cara Memberi Scroll Pada Label Versi 1 jika Anda belum pernah mencobanya.

Keterangan :

• script yang berwarna coklat itu merupakan script yang kita tambahkan
• script yang berwarna merah atau height:300px; ini adalah script untuk mengatur tinggi scroll pada label sekaligus pembatas tinggi label
• script yang berwarna hijau itu script yang menjadi pembeda dari versi 1 karena di versi 1 tidak memiliki scrip <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'> dan <b:if cond='data:display == &quot;list&quot;'>