Headlines News :
Home » , , » Cara Membuat Scroll Box Arsip Blogspot

Cara Membuat Scroll Box Arsip Blogspot

Written By jack sparrow on Sunday, January 22, 2012 | 2:02 PM

Daftar arsip blog semakin hari akan semakin panjang, apalagi bagi sobat blogger yang rajin update posting, pasti akan makan banyak tempat, dan sepertinya tidak enak dipandang mata. Untuk mengakalinya, yaitu arsip blog kita di pasang pada scroll box untuk arsip dengan unkuran yang kita tentukan sendiri. Untuk itu pada kesempatan ini saya akan berbagi tentang cara membuat scroll box arsip blogspot. Tapi sebelumnya anda harus mengaktifkan pengaturan arsip blog pada pengaturan blogspot. Setelah semuanya siap baru kita mulai  membuat scroll box arsip pada blogspot.
Caranya seperti dibawah ini
1.   Bagi anda yang belum mnegaktifkan widget Arsip Blog
·         Login ke blogger
Klik Tata Letak > Klik Elemen Halaman
Tambahkan sebuah elemen halaman > Tambah elemen Arsip Blog
Dalam hal ini Anda harus pilih gaya Hierarki > Simpan perubahan
·         Setelah itu, klik Edit Html
Beri tanda centang pada tulisan Expand Widget Template
Lalu Anda cari kode seperti ini
<b:widget id='BlogArchive1' 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'>
Untuk mempermudah pencarian gunakan tombol Ctrl + F
Kemudian tambahkan kode <div style='overflow:auto; width:ancho; height:260px;'>
 ( kode untuk scroll box nya ) seperti ini persis dibawah code
<div class='widget-content'>
Untuk memperjelas lihat hasil akhirnya maka akan seperti 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:260px;'>
Setelah itu cari kode seperti dibawah ini
<b:ifcond='data:style==&quot;MENU&quot;'><b:includedata='data'name='menu'/>
<b:if>
</div>
</div>
Setelah ketemu tambahkan kode </div>
 seperti ini persis setelah </div> yang kedua. Jadi kode </div> nya ada 3 buah
untuk memperjelas, lihat hasil akhirnya maka akan seperti ini.
<b:ifcond='data:style == &quot;MENU&quot;'><b:include data='data'name='menu'/>
</b:if>
</div>
</div>
</div>
Kalau anda masih ragu, coba perhatikan hasil akhir dari keseluruhan akan seperti ini
<b:widgetid='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:260px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style==&quot;HIERARCHY&quot;'>
<b:includedata='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>
Pada kode <div style='overflow:auto; width:ancho; height:260px;'>
Angka 260 px adalah tinggi dari bidang tersebut anda bisa mengubahnya sesuai dengan ukuran widget blog anda.
Seperti itulah cara membuat scroll box arsip pada blogspot.
Selamat mencoba, semoga berhasil.
<div style='overflow:auto; width:ancho; height:260px;'>
Share this article :

0 komentar:

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Belajar blog | SEO | Dan segalanya - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Blogger