Membuat Scroll Box di Blogger

Pada malam mau pagi ini saya akan mensharing tentang Membuat Scroll Box di Blogger. Ini biasa digunakan pada menu bar Archive / Arsip Blog. Scroll Box membuat tampilan website atau blog jadi lebih enak lihat dan bisa menghemat tempat.

Untuk membuat scroll box cukup mudah anda hanya menyisipkan code seperti dibawah ini:

<div style='overflow:auto; width:ancho; height:400px;'>

Mamasukan script atau teks yang ingin di berikan scroll.

</div>

Scroll Box di Archive. Silakan anda cari code/script archive tsb (seperti dibawah).

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>

    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>

    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>

  </div>

  </div>

  <b:include name='quickedit'/>

  </div>

</b:includable>

Terus anda taruh code <div style='overflow:auto; width:ancho; height:400px;'> (Code Scroll Box) tepat diatas <div id='ArchiveList'> dan jangan lupa di akhiran code/script archive di beri code </div>.

Tampilan pemasang code Scroll di Archive:

<div style='overflow:auto; width:ancho; height:400px;'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>

    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>

    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>

  </div>

  </div></div>

Untuk Scroll Box di Archive anda bisa lihat di sidebar blog ini.

Memasang Scroll Box pada text biasa.

Untuk memberi scroll box pada text cara sama saja dengan pemasang scroll box pada script.

<div style='overflow:auto; width:ancho; height:400px;'>

Masukkan Text Disini.

</div>

Maka tampilan code atau scripnya seperti ini:

<div style='overflow:auto; width:ancho; height:400px;'> 

1. Cara Download di Mirrorcreator.

2. Cara Membuat Scroll Box.

3. Cara Memasang Widget Alexa 2015.

4. Download Game Pac Man World Rally.

5. Cara Membuat Screenshot Thumbnails.

6. Dan Seterusnya >.<

</div>

Maka Hasinya seperti di bawah ini:

1. Cara Download di Mirrorcreator.   

2.  Cara Membuat Scroll Box. 

3. Cara Memasang Widget Alexa. 

4. Download Pac Man World Rally. 

5. Cara Membuat Screenshot Thumbnails.

6. Dan Seterusnya >.<

Catatan: 
  ancho Ganti tulisan ancho dengan panjang yang di inginkan ex: 200px
400px Ganti 400px dengan tinggi yang diingkan ex: 300px

Nah, sekian dulu dari penjelasan membuat scroll box di blogger ~