Meminimalis Tampilan Arsip Blog dengan fungsi Scroll

Label:

Memang sangat memakan tempat dalam blog apabila blog arsip yang kita punya dengan tampilan biasa.

Untuk menghemat tempat pada blog,kita bisa membuat fungsi scroll pada Arsip Blog ataupun widget yang lainnya.



Langsung saja ke cara pembuatannya.

1.Login ke blogger anda tentunya :-D

2.Masuk ke halaman Dasbor lalu pilih Rancangan

3.Kemudian pilih Edit HTML ( jangan lupa beri tanda centang pada Expand Template Widget )


4.Cari kode di bawah ini ataupun mirip


 

      <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

5.Jika sudah ketemu,perhatikan kode selengkapnya dibawah ini
     <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' 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>


 7.Untuk tulisan yang berwarna biru dan merah adalah kode yang harus di tambahkan kedalam script tersebut.Sedangkan untuk kode yg berwarna merah adalah untuk pengaturan tinggi Arsip Blog dan sesuaikan dengan blog anda.

8.Pratinjau terlebih dahulu untuk melihat hasilnya.

9.Apabila sudah sesuai dengan keinginan kita langsung saja Simpan dan selesai deh :-).

Baca Yang Di Bawah Ini Juga

0 komentar:

Posting Komentar

Terima kasih atas kunjungannya ke Blog Tribun Info.
Mohon di sertakan link sumber jika hendak mengkopi artikel blog Tribun Info.
Berkomentarlah yang baik dan membangun demi kemajuan bersama.

 
Tribun Info © 2010 | Designed by My Blogger Themes | Blogger Template by Blog Zone