Cara Buat Spoiler Pada Blog [Cara Merapikan arsip]

Login terlebih dahulu mengunakan akun bloger
Buatlah Arsip blog dengan menambah Gadget pada sidebar. Beri nama dengan "Arsip"  ( bisa diganti sesuai keingian )  pilih gaya hierarki
Simpan/save. sampai disini anda telah membuat Arsip ( tanpa fungsi scroll ).
Utuk menambahkan fungsi scroll pada Arsip Sekarang tuju Tata letak -Edit HTML.
Beri tanda centang pada Expand Template Widgets.
Cari kode <div id='ArchiveList'> kemudian letakkan kode berikut tepat di atasnya :


<!-- kode spoiler Arsip -->
<div>
<div style='margin-bottom: 2px;'>
<b><small>Klik show untuk membuka arsip</small></b><br/>
<input onclick='if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }' style='font-size: 10px; margin: 0px; padding: 0px; width: 60px;' type='button' value='Show'/></div>
<div style='border: 1px inset; margin: 0px; padding: 6px;'>
<div style='display: none;'>
<div style='overflow:auto; width:ancho;height:200px;'>


Setelah itu, tambahkan kode di bawah ini tepat di atas kode 


<b:include name='quickedit'/> 


Kode ini letaknya dekat di kode <div id='ArchiveList'>


<ol style='text-align: justify;'/>
</div>
</div>
</div>


Jika benar, kodenya akan menjadi seperti di bawah ini :


<div class='widget-content'>


<!-- kode spoiler Arsip -->


<div>
<div style='margin-bottom: 2px;'>
<b><small>Klik show untuk membuka arsip</small></b><br/>
<input onclick='if (this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display != &apos;&apos;) { this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;&apos;; this.innerText = &apos;&apos;; this.value = &apos;Hide&apos;; } else { this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;none&apos;; this.innerText = &apos;&apos;; this.value = &apos;Show&apos;; }' style='font-size: 10px; margin: 0px; padding: 0px; width: 60px;' type='button' value='Show'/></div>
<div style='border: 1px inset; margin: 0px; padding: 6px;'>
<div style='display: none;'>
<div style='overflow:auto; width:ancho;height:200px;'>


  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div></div>
<ol style='text-align: justify;'/>
</div>
</div>
</div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
</b:section>
</div>


Terakhir, Simpan Template anda dan lihat hasilnya.


Kode yang berwarna 


biru adalah kode yang harus diletakkan sesuai petunjuk di atas.


Kode yang berwarna merah adalah tingginya Arsip, bisa anda sesuaikan.


sumber by http://galeryzone.blogspot.com/

http://assets00.grou.ps