Cara Mudah Membuat Scroll Archive Pada Blog

Cara Mudah Membuat Scroll Archive Pada Blog

Cara Mudah Membuat Scroll Archive Pada Blog. Belajar Membuat Blog Untuk Pemula, Maaf ya bagi pembaca yang pemula, bukan berarti saya meremehkan anda,,,,,,,saya juga pemula,,,,,sesama pemula dilarang mendahului,,,,,wakakak....oke simak aja tipsnya.

Tips ini lebih mudah Menggunakan Css Tampa Harus mencari dan menambahkan kode div pada kode Archive Blog nya seperti pada artikel sebelumya Menambahkan scroll pada Blog Archive (posting terbaru)

semoga artikel Tips Blog Di bawah Ini Membantu anda, dalam belajar Ngeblog berikut ini adalah Trik Membuat Scroll Pada Archive Blog dengan CSS

Membuat scroll pada Archive Blog

Cari kode ]]></b:skin> dengan menggunakan Ctrl + F
Kemudian, letakkan kode berikut di atas kode ]]></b:skin>

#BlogArchive1 .widget-content{
height:100px;
width:auto;
overflow:auto;
}

Yang perlu di perhatikan :

• BlogArchive1 adalah ID dari widget BlogArchive1.
• height:200px; adalah tinggi dari widget scroll. Ganti dengan tinggi widget scroll yang anda inginkan

Atau cara kedua 

Bagi sobat yang ingin menampilkan widgat Arsip / Daftar isi dengan fungsi scroll silahkan ikuti tips ngeblog berikut ini:

1. Login terlebih dahulu mengunakan akun bloger
2. Buatlah Arsip blog dengan menambah Gadget pada sidebar, beri nama dengan "Arsip"  ( bisa diganti sesuai keingian )  pilih gaya hierarki
   
3. Simpan/save. sampai disini anda telah membuat Arsip ( tanpa fungsi scroll ).
4. Utuk menambahkan fungsi scroll pada Arsip Sekarang tuju Tata letak -- -->>Edit HTML.
5. Beri tanda centang pada Expand Template Widgets.
6. Cari Arsip yang sudah di buat tadi, dengan CTRL+F dan ketikkan kata “Arsip”, ( biasanya di pojok kanan bawah ). akan muncul kode hatml seperti di bawah ini:
   
   
   <b:widget id='BlogArchive2' locked='false' title='Arsip' type='BlogArchive'>
   <b:includable id='main'>
   <b:if cond='data:title'>
   <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 + &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>
   <b:include name='quickedit'/>
   </div>
   </b:includable>
   
   
7. Perhatikan tulisan yang berwarna merah di atas, kode itulah yang harus disisipkan kedalam arsip yang telah dibuat, sedangkan tulisan yang berwarna biru pada height:200px; adalah ukuran tinggi pada fungsi scroll ( ganti angka 200 sesuai dengan keinginan )
   
8. Simpan template dan lihatlah hasilnya

Mudah bukan semoga berhasil