Untuk sahabat bloger yang mungkin suda mempunyai bnyak posting atau artikel yang suda di tulis mungkin sobat ingin meberi kemudahan untuk para pengunjung agar dapat mencari posting atau artikel yang di cari dengan muda, nah sekarang sobat jangan kuatir saya akan memberi solusinya agar posting atau artikel yang suda kita tulis bisa di cari dengan mudah oleh para sobat kita yang berkunjung, yaitu dengan cara menambakan Label. Saking banyaknya posting atau artikel yang suda kita tulis semakin banyak juga posting Label blog kita, jangan kuatir ada cara yang jitu yaitu dengan cara menambahkan fungsi scroll pada lebel.
Bagi sobat yang ingin menampilkan widgat kategori dengan fungsi scroll silahkan ikuti langka-langka di bawa ini:
- Login akun bloger sobat
- Buatlah Label dengan menambah Gadget pada sidebar
- Simpan/save. setela suda membuat Label dengan menambah Gadget sekarang sobat suda punya Label dengan tanpa fungsi scroll
- Utuk menambahkan fungsi scroll Sekarang pilih Tata letak Edit HTML
- Beri tanda centang pada Expand Template Widgets
- Kemudian cari scrip/kode di bawa ini
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>Letakan scrip di bawa ini pas di bawahnya
Contoh tataletaknya seperti di bawa ini<div style='overflow:auto; width:ancho; height:200px;'>
<b:widget id='Label1' locked='false' title='Kategori' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<div style='overflow:auto; width:ancho; height:200px;'>
<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>
</div>
</b:includable>
</b:widget>
Keterangan :
- Angka 200 yang berwarna biru height:200px menunjukan ukuran tinggi lebel fungsi scroll, silahkan di rubah sesuai dengan keinginan sobat..
- Dan jangan lupa sobat beri tambahan </div> untuk penutup kode scrip tadi. untuk contoh dan tataletaknya lihat kode di atas </div> yang bertuliskan warna merah..
0 komentar:
Posting Komentar