Pages

w3codez © 2015. Powered by Blogger.

adchoices

adchoices

Modifikasi blog archive dengan scroll

Terima kasih atas kunjungannya. Nah, untuk kali ini Saya akan memberitahukan cara untuk memodifikasi blog archive dengan menggunakan scroll. Scroll ini berguna untuk mengurangi ruang untuk penempatan blog archive agar tidak melebar kebawah dan agar sesuai dengan keinginan Anda dalam menempatkannya. Anda dapat mengubah ukuran scrollnya sesuai keinginan dengan mengubah nilai yang ada.

Sebagai contoh: Anda ingin tinggi scroll nya 300px, maka Anda tinggal mengubah 'height' nya menjadi 300px. Disini Saya menggunakan 'height' dengan ukuran 250px. Sekarang langsung saja Anda ikuti langkah-langkah berikut ini: 

1. Login ke akun blogger Anda
2. Pada tampilan dashboard, pilih menu scroll pada blog yang akan Anda buatkan scroll pada blog archive nya kemudian pilih template
3. Pilih tombol 'Edit HTML'
4. Silahkan Anda cari kode berikut <div id='ArchiveList'>. Untuk mempermudah pencarian Anda bisa menggunakan 'ctrl+f'

5. Setelah itu Anda tempatkan kode <div style='overflow:auto;width:ancho;height:250px;'> tepat diatas kode <div id='ArchiveList'>
6. Nah, langkah berikutnya silahkan Anda cari kode <b:include name='quickedit'/> yang berada dibawah kode <div id='ArchiveList'> kemudian Anda tambahkan </div> tepat dibawahnya
7. Hasil penggabungan beberapa kode diatas nanti akan seperti ini:

<div style='overflow:auto;width:ancho;height:250px;'>
  <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></div>

Sekian, semoga bermanfaat. Mohon maaf bila ada kesalahan.

1 comment

 

Most Reading

Ads 200x200

Ads 200x200