Cara memasang Scroll pada Blog Archive Blogger

Belajar Membuat Scroll pada Blog Archive Blogger, Cara Membuat Scroll Pada Blog Archive , Cara Mudah dan Simpel membuat scroll pada blog archive Blogger  ikuti langkah-langkah di bawah ini :
Cara memasang Scroll pada Blog Archive Blogger

Cara memasang Scroll pada Blog Archive Blogger 

Tentunya Pertama Log In di blogger
Setelah Log in ke Blogger Cari Menu Tata Letak di samping kiri halaman blogger seperti gambar di bawah ini.

Cara memasang Scroll pada Blog Archive Blogger
Langkah selanjutnya klik Tambah Gadget (Lihat Gambar),

Cara memasang Scroll pada Blog Archive Blogger
Akan Muncul Halaman tambahkan gadget,  klik tanda (+)  pada Arsip Blog, untuk menambah Gadget Arsip. Lihat gambar
Cara memasang Scroll pada Blog Archive Blogger
Klik Simpan Setelan selanjutnya lihat blog dan hasilnya seperti ganbar dibawah ini.
Cara memasang Scroll pada Blog Archive Blogger
Setelah Gadget Arsip jadi, Silahkan masuk ke Menu Template dan Klik Edit HTML

Cara memasang Scroll pada Blog Archive Blogger

Cara memasang Scroll pada Blog Archive Blogger
Dan cari kode <div class='widget-content'> atau <div id='ArchiveList'> (untuk mempermudah gunakan Ctrl+f)  Lihat gambar

Cara memasang Scroll pada Blog Archive Blogger

Lalu sisipkan kode <div style='overflow:auto; width:ancho; height:300px;'> tepat diantara 
<div class='widget-content'> dan <div id='ArchiveList'> seperti gambar diatas
atau seperti ini :
<div class='widget-content'>(kode)<div id='ArchiveList'>
Kemudian letakan kode penutup </div>  tepat dibawah  <b:include name='quickedit'/>

Untuk Lebih Jelas Lihat Sebagai Berikut
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:300px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div> 
</div>
Jika sudah selesai,klik simpan dan lihat hasilnya. Semoga bermanfaat.

0 Response to "Cara memasang Scroll pada Blog Archive Blogger"