Monday, March 18, 2013

Cara Menambahkan Scroll Pada Arsip Blog

Sobat BLogger sebelum ane menulis Artikel Cara Membuat Scroll Arsip Blog,sobat lihat gambar diatas punya ane yang sudah ane bikin Scroll di Arsip Blog kalau bawaan biasanya memanjang kebawah, Sesuai dengan Judulnya maka kita akan memperkecil kolom Arsip Blog biar tidak terlalu panjang ke bawah  dengan membuat scroll sehingga tampilannya lebih minimalis dan tidak membuat loading blog menjadi lelet.Disamping itu juga dapat mempercantik blog menurut ane..
Jika sobat ingin mencobanya silahkan simak artikel ini sampai akhir
Berikut langkah - langkah Cara Menambahkan Scroll Arsip Blog :

1.Sign In di Bloggermu
2.Klik Menu Rancangan
3.Klik Menu Edit HTML
4.Beri Tanda Centang Pada Kotak "Expand Widget Template"
5.Cari Kode <div id='ArchiveList'> dengan Control F biar cepat ketemu.
6.Lalu Tambahkan Kode Berikut di Atasnya :

<div style='overflow:auto; width:ancho; height: 300px;'>

7. Kemudian cari kode dibawah ini :

<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'/>

8.Setelah selesai kodenya jadi seperti di bawah ini, lalu save.
<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></div>
<b:include name='quickedit'/>

Setelah itu sobat blogger tinggal lihat hasilnya,,Semoga artikel diatas bisa buat belajar n nambah wawasan sobat dalam Trik Blog.
Sekian Postingan Cara Menambah Scrool pada Arsip Blog
Moga bermanfaat bagi yang membutuhkanya,,Kalau ada Pertanyaan silahkan tulis di Kolom Comentar 

Comments
2 Comments

2 comments: