bloranet

Membuat Scroll Pada Label atau Kategori



Oke langsung saja setelah lama enggak posting mengenai trik blogging. Kali ini saya ingin berbagi ilmu mengenai cara membuat Scroll pada Label atau Kategori. Mungkin bagi para master Blogging ini merupakan cara yang sangat mudah, namun bagi teman-teman yang baru pemula di dunia Blogging. Scroll pada label ini gunanya untuk meringkas tempat pada halaman blog yang mempunyai banyak label, sehingga tidak memakan tempat yang terlalu banyak.


Langkahnya seperti berikut:
1. Masuk dulu ke Acount Blogger atau Dashboard
2. Pilih Rancangan , lalu klik Edit HTML
3. Centang dulu tuh Expand Widget Templates
4. Cari kode yang seperti ini (kalau widget labelnya belum ada ya bikin dulu ) :
----------------------------------------------------------------------------------------------


<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;'>
<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>

----------------------------------------------------------------------------------------------


5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata apa yang dicari dikotak yang disediakan, lalu klik next.
6. saya cari kata Labels, karena di blognya namanya Labels, kalau nama widgetnya Kategori, ya cari Kategori. Ternyata kata labels itu banyak, terus saja klik next sampai ketemu kode2 lain yg menyertainya. ketemu juga tuh.
7. Kembali ke kode diatas, kalau sudah ketemu tinggal tambahkan saja kode yang warna merah itu untuk fungsi scrollnya.
8. Angka 300px adalah tinggi kotak scroll itu, ini bisa disesuaikan.
9. Mungkin saja diblog sobat kodenya beda,, seperti diblog saya yang lain kodenya bukan <div class='widget-content'> tapi :
----------------------------------------------------------------------------------------------

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

----------------------------------------------------------------------------------------------
10. Untuk merubah buton menjadi nomor urut , saya ganti tulisan warna biru itu <ul> menjadi <ol> dan </ul> menjadi </ol>
11. Kalau sudah save template .
12. Selesai.
Selamat Mencoba, 

Hasilnya Terlihat Seperti ini :  .::Artikel Menarik Lainnya::.


Responses

0 Respones to "Membuat Scroll Pada Label atau Kategori"

Posting Komentar

Iklan

 
Return to top of page Copyright © 2010 | BloraNet | Blogging by Syaiful