Membuat Scroll Pada Label, pasti dapat menyimpulkan bahwa cara untuk membuat scroll pada gadget blogger/blogspot adalah sama, yaitu dengan cara menambahkan perintah overflow pada kode
<div class="widget-content">
. Demikian juga jika kita membuat scroll pada blog archieve ini.
Blog archieve atau arsip blog yang mengunakan pilihan hierarki biasanya akan memanjang tak beraturan, sesuai dengan jumlah artikel yang kita publish tiap bulannya (bisa juga mingguan, tergantung pilihan kita). Tentu saja ini akan sedikit mengganggu penampilan blog kamu karena panjang sidebar menjadi tidak menentu. Untuk itulah perlu dibuatkan scroll agar panjangnya tetap sesuai aturan yang kita buat.
Untuk membuat scroll pada blog archieve ini tidak jauh beda dengan membuat scroll pada gadget blogger/blogspot yang lain, yaitu sebagai berikut:
* Dari halaman dasbor, klik Tata Letak - Edit HTML.
* Beri tanda centrang pada Expand Template Widget.
* Kemudian cari kode type='BlogArchive' (gunakan Control F atau F3 atau Ctrl + F).
* Perhatikan kode yang ada di bawahnya, seperti ini:
<div class="widget-content">
. Demikian juga jika kita membuat scroll pada blog archieve ini.
Blog archieve atau arsip blog yang mengunakan pilihan hierarki biasanya akan memanjang tak beraturan, sesuai dengan jumlah artikel yang kita publish tiap bulannya (bisa juga mingguan, tergantung pilihan kita). Tentu saja ini akan sedikit mengganggu penampilan blog kamu karena panjang sidebar menjadi tidak menentu. Untuk itulah perlu dibuatkan scroll agar panjangnya tetap sesuai aturan yang kita buat.
Untuk membuat scroll pada blog archieve ini tidak jauh beda dengan membuat scroll pada gadget blogger/blogspot yang lain, yaitu sebagai berikut:
* Dari halaman dasbor, klik Tata Letak - Edit HTML.
* Beri tanda centrang pada Expand Template Widget.
* Kemudian cari kode type='BlogArchive' (gunakan Control F atau F3 atau Ctrl + F).
* Perhatikan kode yang ada di bawahnya, seperti ini:
<b:includable id="main">
<b:if cond="data:title">
</b:if></b:includable>
<h2>
<data:title></data:title></h2>
<div class="widget-content">
<div id="ArchiveList">
<b:if cond="data:title">
</b:if></b:includable>
<h2>
<data:title></data:title></h2>
<div class="widget-content">
<div id="ArchiveList">
* Tambahkan perintah style='overflow:auto; height:200px' pada kode yang berwarna biru, sehingga menjadi seperti ini:
<b:includable id="main">
<b:if cond="data:title">
</b:if></b:includable>
<h2>
<data:title></data:title></h2>
<div class="widget-content" style="height: 200px; overflow: auto;">
<div id="ArchiveList">
<b:if cond="data:title">
</b:if></b:includable>
<h2>
<data:title></data:title></h2>
<div class="widget-content" style="height: 200px; overflow: auto;">
<div id="ArchiveList">
* Atur ukuran tinggi (height)-nya sesuai kebutuhan.
* Simpan hasil editing
