Monday, 10 February 2014

Cara Membuat Scroll Pada Blog Archive

Hai Sahabat Rezpect Community!
Pada umumnya saat kita memasang widget Blog Archive di  website / blog kita maka saat kita klik tampilan Blog Archive akan memanjang kebawah. Jika kita memiliki post yang banyak maka Blog Archive kita juga semakin panjang yang membuat kolom widget kita tidak beraturan atau terlalu banyak. Ada cara untuk meringkas dan merapikan tampilan Blog Archive sesuai yang kita inginkan dengan menambahkan Scroll seperti gambar dibawah ini..
Blog Archive with Scroll


Cara untuk memasang scroll pada Blog Archive cukup mudah, berikut caranya :
  • Login ke Blogger dengan akun kalian.
  • Pada Dasbor Blogger klik Template
  • Klik Edit HTML
  • Tekan CRTL + F dan Cari <div id='ArchiveList'> atau ArchiveList
  • Setelah ketemu tambahkan script dibawah ini diatas script <div id='ArchiveList'>
<div style='overflow:auto; width:ancho; height:300px;'>
  •  Setelah menambahkan script di atas dengan benar tambahkan script </div> dibawah script  
 <b:include name='quickedit'/>
  • Jika sudah benar maka kurang lebih akan menjadi seperti dibawah ini..
 <div style='overflow:auto; width:ancho; height:300px;'>
  <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>
  <b:include name='quickedit'/>
  </div>
  </div>
 [*] Kalian bisa mengganti 300px sesuai dengan lebar kolom widget blog kaian

Jika masih bingung, kalian bisa meninggalkan komentar dan saya akan membantu...

SEMOGA BERMANFAAT !

Owner dari Rezpect Community, sangat tertarik dengan ssegala hal yang berhubungan dengan Teknologi, Internet dan Pemrograman.

Kolom komentar bukan tempat untuk beriklan, jika anda ingin memassang iklan di blog kami, silahkan kunjungi halaman berikut : https://goo.gl/KXLj9t

Dapatkan notifikasi untuk jawaban komentar kalian dengan Check "Notify me".
EmoticonEmoticon

bebas bayar, pembayaran mudah dan cepat, transaksi online, pembayaran tagihan dan tiket, transfer dana online