Menu scroll tentunya sudah banyak yang tau, menu ini dapat ditarik ke bawah dan ke atas. Cara membuatnya juga sangat mudah, hanya dengan menyisipkan sedikitkode HTML maka jadilah label dengan fungsi scroll.
Untuk membuatnya, silahkan Anda ikuti saja dengan cermat langkah-langkahnya berikut ini!
2. Buatlah Label dengan menambah Gadget pada sidebar, jangan lupa beri judul
3. Anggap saja Anda telah membuat judul labelnya dengan nama Kategori
4. Sekarang pilih dan klik ke Edit HTML
5. Klik Expand Template Widgets
6. Cari label yang sudah anda buat tadi, dengan Ctrl+F dan ketikkan Kategori, maka akan muncul kode HTML yang ribet, tapi jangan pusing melihat kodeHTML tersebut.
7. Perhatikan saja tulisan yang berwarna merah di bawah ini, kode itulah yang harus disisipkan ke dalam label yang sudah Anda buat.
<b:widget id='Label1' locked='false' title='Kategori' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<div style='overflow:auto; width:ancho; height:250px;'>
<b:if cond='data:display == "list"'>
<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='"label-size label-size-" + 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>
<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='"label-size label-size-" + 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>
</b:widget>
8. Jangan lupa Simpan Template Anda itu
Note:
Setiap template mempunyai karakter yang berbeda, mungkin di blog Anda kode yang ada adalah
<div class='widget-content'>
bukan seperti yang ada di blog saya yaitu :
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
Yang penting letak kode tambahan yang disisipkan harus benar meletakkannya. Satu lagi, untuk kode ‘height:250px’ adalah tinggi label scroll, silahkan Anda ganti dengan angka yang lebih tinggi jika Anda ingin tampilan menu label yang lebih tinggi.
SELAMAT MENCOBA..
