Membuat Arsip Blog Dengan Fungsi Scroll

Sudah lama sekali saya menginginkan bagaimana ya caranya Membuat Arsip Blog Dengan Fungsi Scroll, akhirnya saya bisa juga membuatnya, oleh karena itu saya akan berbagi dengan teman-teman semua, berikut

Cara Membuat Arsip Blog Dengan Fungsi Scroll :

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. Untuk Mempermudah Klik Ctrl+F kemudian ketikan Arsip Blog atau sesuai dengan nama widget arsip blog anda
4. Lalu cari kode seperti ini

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

Maka masukan kode dibawah ini

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

</div>

Sehingga susunan kode tersebut 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 merah yang dicetak tebal adalah tinggi dari elemen tadi, silahkan diganti sesuai dengan keinginan.

5. Selanjutnya -> Klik Simpan

Selamat mencoba & sukses selalu


Posting Komentar

Lebih baru Lebih lama