Masih Ingin Belajar kini kita akan membahas mengenai cara Memberi Scroll Pada Label Versi 1 dima ini kita akan gunakan jika template kita masih standar bawaan dari blogger, dan langkahnya pun sangatlah mudah, jika belum percaya silahkan ikutilah tahapan-demi tahapan yang telah kami sediakan di bawah ini;
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 class='widget-content'>
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 class='widget-content'>
<div style='overflow:auto; width:ancho; height:300px;'>
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 class='widget-content'>
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 class='widget-content'>
<div style='overflow:auto; width:ancho; height:300px;'>
<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>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
<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>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</div>
</div>
Perhatian !!!
Jika Anda tidak menemukan <div class='widget-content'> maka silahkan untuk menggunakan cara Memberi Scroll Pada label Versi 2 jika Anda belum pernah mencobanya.
Keterangan :
Perhatian !!!
Jika Anda tidak menemukan <div class='widget-content'> maka silahkan untuk menggunakan cara Memberi Scroll Pada label Versi 2 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
Tidak ada komentar:
Posting Komentar
Jangan lakukan spam pada komentar dan bila anda ingin beriklan gratis atau hanya sekedar membuat backlink anda bisa melakukannya di beriklanbersama.blogspot.com dan hanya dengan sekali pasang maka akan terpasang di 10 website.