Membuat Arsip Blog Model Scroll

Pernahkah anda melihat suatu blog yang memiliki tampilan arsip model scroll? Jika anda pernah melihat dan ingin menampilkan arsip blog anda dengan model scroll, maka kali ini saya akan membagikan informasi tutorial tentang cara membuat tampilan arsip blog menjadi model scroll. Oke kita mulai aja bahasan kali ini dan berikut ini langkah-langkahnya:

Langkah Pertama
1. Masuk ke blogger
2. Klik tata letak/ Layout
3. Klik elemen halaman/ Page elements
4. Klik Add a Gadget=> Pilih elemen/ gadget arsip blog
5. Pilih model hierarky
6. Simpan/ save

Langkah Kedua
1. Setelah itu, klik Edit Html
2. Beri tanda centang pada tulisan Expand Widget Template(jangan lupa, terlebih dulu di backup template anda)
3. Lalu cari kode seperti ini

<div class='widget-content'>
<div id='ArchiveList'>

Maka dibagian bawah kode tersebut akan ada kode seperti ini

<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<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>

Kode warna merah dan biru adalah kode yang ditambahkan kedalam script tersebut.
Kode warna biru yang dicetak tebal adalah tinggi dari elemen tadi, silahkan diganti sesuai dengan keinginan.

4. Selanjutnya -> Klik Simpan
5. Selamat mencoba & sukses selalu

Bagi anda yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, saya sarankan untuk anda bisa belajar di sini

Bagikan