Cara Membuat Label / Categories Memakai Scroll eh tidak tahunya malah nyasar dan temuin tutorial baru yang mirip-miriplah sama tutorial yang saat itu ane cari, Cara Membuat Fungis Scroll pada Label/Kategori di blog sob, lumayan buat ngirit template kita
Berikut langkah-langkah untuk Membuat Fungsi Scroll pada Label/Kategori di blog :
- Login ke id Blogger
- Saat di Dasbor, klik tab Template lalu Edit Template HTML --> Centang pada Expand Widget Templates
- cari kode <b:widget id='Label1' locked='false' title='Labels' kalau sudah ketemu coba scroll kebawah sedikit sampai temuin kode <div class='widget-content'>, nah sekarang letakkan kode berikut tepat dibawah kode <div class='widget-content'> tadi :
<div style='overflow:auto; width:ancho; height:300px;'>
- Scroll lagi kebawah samape temuin kode <b:include name='quickedit'/>, kalau sudah dapat copy lalu pastekan kode </div> tepat dibawahnya. (Nantinya akan ada 2 kode </div> dengan yang baru ditambahin)
Untuk lebih jelasnya bisa lihat contoh berikut :
<b:widget id='Label1' locked='false' title='Labels' 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;'>
<ol>
<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'> <a class='labelfeed-link' expr:href='"http://zona-cyber-man.blogspot.com/feeds/posts/default/-/" + data:label.name' style='margin-left:10px;' title='Subscribe'/></span>
</li>
</b:loop>
</ol>
<b:include name='quickedit'/>
</div></div>
</b:includable>
</b:widget>
keterangan :
hegiht:300px adalah tinggi scroll pada label, silahkan sobat sesuaikan dengan keinginan sobat
yang warna biru <ol> dan </ol> adalah hasil perubahan dari <ul> dan </ul>. Untuk yang ini tidak terlalu berpengaruh sob, biar tidak diganti juga tidak kenapa2...
Sekian, Jangan lupa untuk like artikel ini :)
4 Comments
ko engk ada ya di tempatku <b:widget id='Label1' locked='false' title='Labels'...."
ReplyDeletetolong ya jawabannya,,,"
http://3sobatman.blogspot.com/
coba cari expr:class='"widget-content " + data:display + "-label-widget-content"'>
ReplyDeletematap gan
ReplyDeletehttp://ezishare.blogspot.com
mantap dah artikelnya
ReplyDelete