Cara menambahkan scroll pada label blog, dapat memudahkan pencarian artikel berdasarkan golongannya dengan menambahkan fungsi scroll di label agar tampilan label tidak memanjang bagi yang memiliki banyak lebel. Memperepat dan merapikan tampilan misalkan anda sedang menyusun label satu demi link demi link akan membutuhkan waktu yang agak lama dengan fungsi scroll lebih cepat selesai dan terlihat rapi. Untuk contohnya bisa anda lihat pada gambar tersebut. Sekarang untuk cara menambahkan scroll pada label blog adalah sebagai berikut.
1. login Blog anda kemudian menuju menu edit HTML
2. Beri tanda centang pada Expand widget template
3. Cari kode dibawah ini dengan menekan F3 atau CTRL+F untuk memudahkan pencarian
Bila template anda tidak ada kode seperti diatas atau anda tidak menemukan kode diatas silahkan cari kode seperti dibawah ini
4. Letakan kode berikut tepat dibawah kode diatas
5. Kemudian tambahkan kode </div> seperti berikut ini.
Tambahkan kode </div> seperti pada teks yang berwarna merah diatas.
Setelah selesai klik simpan. Selamat mencoba semoga bermanfaat
source: http://madiuncool.blogspot.com/2012/03/cara-menambahkan-scroll-pada-label-blog.html#ixzz1o3s7TpD4
1. login Blog anda kemudian menuju menu edit HTML
2. Beri tanda centang pada Expand widget template
3. Cari kode dibawah ini dengan menekan F3 atau CTRL+F untuk memudahkan pencarian
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
Bila template anda tidak ada kode seperti diatas atau anda tidak menemukan kode diatas silahkan cari kode seperti dibawah ini
<div class='widget-content'>
4. Letakan kode berikut tepat dibawah kode diatas
<div style='overflow:auto; width:ancho; height:300px;'>
5. Kemudian tambahkan kode </div> seperti berikut ini.
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<div style='overflow:auto; width:ancho; height:300px;'>
<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>
<div style='overflow:auto; width:ancho; height:300px;'>
<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>
Tambahkan kode </div> seperti pada teks yang berwarna merah diatas.
Setelah selesai klik simpan. Selamat mencoba semoga bermanfaat
source: http://madiuncool.blogspot.com/2012/03/cara-menambahkan-scroll-pada-label-blog.html#ixzz1o3s7TpD4
1 komentar:
Terima kasih atas pelajarannya tentang blog, semoga sukses selalu. amin
Posting Komentar