Tutorial yang mau aku bahas kali ini adalah membuat scroll pada label.Bagi yang labelnya banyak pasti ribet kalau labelnya memanjang sampe ke bawah gitu.Mangkanya ditambahin scroll biar lebih hemat tempat dan pastinya bikin loading blog cepet.
Caranya simpel aja kok.Pertama mulai dengan Login ke blogger.com
2. Masuk ke Tata Letak dilanjutkan ke Edit HTML
3. Kemudian cari kode dibawah ini : (kalo gak ada berarti widget labelnya belum ditambahin.Tambahin dulu sana!)
<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'>
<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> </div>
Kalo udah tambahin kode
<div style='overflow:auto; width:ancho; height:300px;'>
dan
</div>
Masukan kode berwarna merah dalam format
<b:widget id='Label1' locked='false' title='Labels' type='Label'>Yang berwarna merah adalah kode scrollnya.Sedangkan yang berwarna biru adalah kode untuk button.Kode berwarna biru bisa diganti menjadi <ol> dan diakhiri dengan </ol> untuk diganti menjadi angka.
<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> </div> </div>
Sekian tutorial kali ini.Nantikan postingan-postingan keren berikutnya.
_____________________________
Kalo enggak ingin ketinggalan postingan di blog ini berlangganan saja di kolom subcribers di bawah.
sep tinggal tambahin 2 kode itu aja ya, mo coba2 dulu ah..
Makasih infonya ya..., jadi dapat ilmu baru disini.
Mampir utk baca-2 disini.
Makasih kunjungannya ya..?
Lho.., komenku tadi hilang ya..?
Maaf baru sempat mampir, makasih ya utk kunjungannya.
mesti langsung di praktekin neh... maksih sob...
makin keren aja tutorialnya. Dg scrolling memang lebih rapi dan tidak terlihat panjang ^_^
gax rugi berlangganan disini
mantaaaaaph
jadi bisa lebih singset blognya, hehehe
sob saya mau tanya, mksd dari Width:ancho itu apa y? saya belum pernah menemui seperti itu sob? lg pula kalau mau di kasih scroll cukup menambahkan overflow saja juga cukup, tapi Infonya bermanfaat nie sob.... ^_^
Yup...makasih bro kunjunganya ke blog q...lama bgt lho km ndak nongol.......oh ya...perasaan ganti template yah?sampe ndak tau deh aq, sip memang kode ini :
<div style='overflow:auto; width:ancho; height:300px;'>
</div>
bisa di pakai untuk memasangkan scroll pada semua widget blogger....sip tutorialnya...maju terus
<div style='overflow:auto; width:ancho; height:300px;'>
</div>
good trik > ancho itu sama dengan kode width:auto.dicoba dulu deh.kan hasilnya langsung otomatis dia...kira-kira begitu penjelasannya.
aditya blogsphere > iya nih sob..lagi sibuk di dunia nyata...hehehe iya, gimana keren gak templatenya?
kode scroll yg lebih lengkap tu yg ini :
<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">
</div>
keren aq pernah coba cuma aq ganti dengan model cloud tp yg bawan blogger bukan yg model flash
tipsnya menarik dan bermanfaat, ijin di-save dulu sahabat, salam
Hehe postingannya sama nih.. siiplah.. ohya dah saya follow sob..
Hai sob.. dah gabung disini belum ?? yo gabung disini
siplaah,,perlu dicoba nih
Nice tips nih bro.. bermanfaat banget
tapi labelku saat ini sedang aku bikin tag could tuh..
terima kasih infonya.
Terimakasih atas tutorialnya, ok Q coba boz