Panduan Blogger untuk Blogger pemula.Panduan blogger yang akan membantu,membahas serta menjelaskan kepada sobat Blogger semua tentang " Panduan Cara Membuat Scroll Box Untuk Arsip Blog ".Scroll box biasa digunakan oleh para blogger untuk meminimalkan tampilan sebuah widget/ataupun sebuah tex maupun sebuah kode HTML yang terlalu panjang.Namun dalam perkembangannya scroll boxsekarang ini juga banyak digunakan untuk menyederhanakan sebuah tampilan arsip blog.Memang sebuah arsip blog jika sudah terlalu banyak artikel/postingan/maupun isinya sudah dipastikan akan tampak melorot ke bawah dan membuat tampilan sebuah blog menjadi kurang sedap dipandang.Nah....untuk solusinya,sobat blogger bisa memakai/membuat scroll box untuk membungkus arsip blog yang sudah banyak itu.
Dan untuk memulai membuatnya,silahkan langsung saja sobat ikuti langkah-langkahnya sperti di bawah ini :
- Login ke Blogger ( www.blogger.com )
- Klik Rancangan
- Klik Edit HTML
- Beri tanda centang pada tulisan " Expand Template Widget "
- Cari kode HTML seperti ini <div id='ArchiveList'> supaya lebih mudah dalam pencariannya,tekan secara bersamaan di Keyboard Komputer sobat ctrl+f dan masukin kodenya.
- Copy kode html ini <div style='overflow:auto; width:ancho; height:100px;'> dan paste-kan tepat diatas/sebelum kode <div id='ArchiveList'>
- Selanjutnya silahkan tambahin kode </div> diatas kode <b:include name='quickedit'/>
- Dan jika seluruh kodenya sudah diterapkan/dipasang maka akan tampak seperti di bawah ini :
<div style='overflow:auto; width:ancho; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
- Silahkan klik pratinjau untuk melihat apakah berhasil atau tidak
- Dan jika berhasil,baru sobat klik simpan template
- Selesai
0 comments:
Post a Comment