NBnews- Bagaimana caranya? ikuti langkah-langkah dibawah ini :
8. Lalu simpan, jangan lupa pratinjau
Hasilnya seperti ini :
Menarik n keren bukan??
Catatan ;
height:200px bisa sahabat ganti dengan 250px atau 300px karena merupakan ukuran tinggi kotak scroll.
Ok sampai disini dl untuk info membuat scroll arsive pada blog...
Apakah Anda Suka? Please Share.
- Masuk dulu ke Acount Blogger atau Dashboard
- Pilih Layout , lalu klik Edit HTML
- Centang dulu Expand Widget Templates
- Cari kode yang seperti ini : <div id=’ArchiveList’> atau kata Archive
- Untuk memudahkan mencarinya , tekan Ctrl +F , lalu copy paste kode di atas <div id=’ArchiveList’> atau kata Archive"
- Kalau sudah, tambahkan kode warna Biru itu sebagai scollnya
- Lengkapnya kode tersebut seperti dibawah ini :
<h2><data:title/></h2></b:if> <div class='widget-content'> <div style='overflow:auto; width:ancho; height:200px;'> <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'/> </div> </b:includable>
8. Lalu simpan, jangan lupa pratinjau
Hasilnya seperti ini :
Menarik n keren bukan??
Catatan ;
height:200px bisa sahabat ganti dengan 250px atau 300px karena merupakan ukuran tinggi kotak scroll.
Ok sampai disini dl untuk info membuat scroll arsive pada blog...
Apakah Anda Suka? Please Share.
