Wednesday, January 9, 2013

Cara membuat scroll di widget archive blog

Cara membuat scroll di widget archive blog

Membuat widget Archive blog dengan fungsi scroll tentunya akan memberiklan sebuah gaya tampilan yang lebih menarik.
tidak hanya itu jika archive tersebut memiliki jumlah artikel yang banyak maka akan begitu memakan ruang kosong di halaman blog kita.
untuk mensiasatinya kita perlu menambahkan fungsi scroll down di dalam widget archive blog tersebut.
caranya cukup mudah, silahkan simak langkahnya berikut ini,

Cara Membuat Scroll Pada Blog Archive (Arsip Blog) Tampilan Lebih Menarik

1. Login ke Blogger.
2. Di halaman Dasboard, kita pilih Rancangan Blogger.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Kemudian carikan kode berikut ini :

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

Bila sudah ketemu lalu sesuaikan template bloggnya seperti berikut


<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:300px;'>
<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>
<b:include name='quickedit'/>
</div>
</b:includable>

Keterangan kode diatas :
Warna hijau adalah kode yang perlu diperhatikan.
Warna biru adalah kode yang perlu untuk ditambahkan

Sudah paham ? silahkan dicoba dan semoga berhasil.  :cool

Artikel Terkait

Cara membuat scroll di widget archive blog
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

3 comments

January 9, 2013 at 11:03 AM Delete

berkunjung nalik ya gan :cool

Reply
avatar
January 9, 2013 at 2:58 PM Delete

Thanks sharingx and kunjunganx, btw apax yg lucu? :(

Reply
avatar
January 12, 2013 at 9:52 AM Delete

Templatenya yang bagus, jadi lucu

Reply
avatar