Terus coba perhatiin deh apa yang terjadi sama tampilan arsip blognya !!! yupz… tampilannya jadi berjejer sangat panjang ke bawah dan memberikan kesan yang enggak rapi buat yang ngeliat blog tersebut. Ini bukan merupakan suatu hal yang aneh, sebab arsip blog bawaan standar memang di rancang tampil seperti itu.
Buat ngakalinnya, kita cukup nambahin scroll button aja di arsip blog tersebut. Apa efeknya buat blog kita?? Penambahan scroll button sangat berguna, sebab arsip blog dapat dilihat secara bergantian dengan cara nge-drag scroll button tersebut sehingga arsip blog tidak akan memakan ruang di side bar blog kita, sooo jelasss tooo ???
Udah ah … kayaknya terlalu banyak basa-basi, nih gw kasih tau cara buat nambahin scroll buttonnya . . .
* Login dulu ke blogger.com
* Pilih menu "Design"
* Klik "Edit HTML"
* buat jaga-jaga kalo terjadi kesalahan, sebaiknya backup dulu template yang kita gunain, caranya klik "Download Full Template"
* Beri tanda centang pada "Expand Template Widget"
* Cari kode ini <div id='ArchiveList'>
(supaya lebih gampang, tekan ctrl+f ‘n masukan kode yang dicari tadi)
Supaya lebih jelas, coba perhatiin beberapa kode yang ada dibawah ini deh !!
<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'/>
* Klik "Save Template"
Catatan:
* Teks warna merah adalah posisi dimana kode harus diletakkan
* Teks warna hijau adalah ukuran dari tinggi kotak arsip blog yang udah kita tambahin scroll button
* Kalo udah ketemu, copy/paste kode di bawah ini tepat sebelum kode
<div style='overflow:auto; width:ancho; height:100px;'>
* Kalo udah, tambahin kode </div> di atas kode <b:include name='quickedit'/>
di atas kode
<div style='overflow:auto; width:ancho; height:100px;'>
* Kalo udah, tambahin kode </div> di atas kode <b:include name='quickedit'/>
di atas kode
Supaya lebih jelas, coba perhatiin beberapa kode yang ada dibawah ini deh !!
<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'/>
* Klik "Save Template"
Catatan:
* Teks warna merah adalah posisi dimana kode harus diletakkan
* Teks warna hijau adalah ukuran dari tinggi kotak arsip blog yang udah kita tambahin scroll button
