Membuat Widget Label dalam Scrolbar

Hallo sobat blogger...pada posting sebelumnya saya sudah share membuat menu breadcrumbs yang dapat terindeks google, hari saya akan share Membuat Widget Label dalam Scrolbar.
Dalam blog yang memuat banyak widget biasanya akan memakan tempat yang makin panjang pada side blog. Namun hal ini bisa diatasi dengan cara meringkas isi/konten dalam widget tersebut ke dalam sebuah kotak scrol bar. Dengan demikian anda tidak harus menghilangkan suatu widget karena dianggap penting, tetapi tampilan side blog anda tetap menarik.
Label atau kategori bawaan blogger tidak dikemas dalam suatu border, karenanya tampilannya tidak menarik, dan semakin banyak label posting anda maka daftarnya akan semakin memanjang ke bawah. Untuk itu sangat pas jika label dikemas dalam suatu border, dalam kotak scrolbar.
Jika anda berminat untuk mengemas Label dalam kotak scrolbar ikuti langkah sederhana berikut ini:
1. Login ke blogger
2. Klik Template >>Edit Html >>klik Expand widget templates
3. Cari kode Kategori atau Label, dan temukan kode-kode berikut:
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2>data:title/></h2>
    </b:if>
    <div class='widget-conten'> 
4. Tambahkan perintah --> style='overflow:auto; height:200px' pada kode warna biru, sehingga menjadi :
    <b:includable='idmain'>
    <b:if cond='data:title'>
    <h2>data:title/></h2>
    </b:if>
    <div class='widget-conten' style='overflow:auto; height:200px'> 
angka 200 bisa anda ganti sesuai dengan tempat atau keinginan anda.
5. Klik preview/ pratinjau, sudah bagus dan tanpa eroor klik simpan template.
Demikian sharing tentang membuat widget label dalam scrolbar, semoga berguna bagi anda.   
 

Share this

Related Posts

Previous
Next Post »