Membuat Blog Archive ( Arsip Blog ) Memakai Scroll

Mau seperti itu? itu termasuk irit tempat loh.. dari pada panjang2 ampe ke bawah

ini lebih efektif kan?

dan juga lebih mudah melihatnya, oke langsung aja ya..

ikuti tutorial di bawah ini

Login Ke Blog anda
2. Klik Rancangan >> Edit HTML >> Expand Template Widget
3. Cari Kode Seperti ini

<b:widget id='BlogArchive2' locked='false' title='Nama_Widget_Anda' type='BlogArchive'></div><div style="text-align: -webkit-auto;"><b:includable id='main'></div><div style="text-align: -webkit-auto;"><b:if cond='data:title'></div><div style="text-align: -webkit-auto;"><h2><data:title/></h2></div><div style="text-align: -webkit-auto;"></b:if></div><div style="text-align: -webkit-auto;"><div class='widget-content'>

Nama_Widget_Anda diganti dengan judul widget Arsip Blog/Blog Archive anda

4. Lalu Tambahkan Kode ini di bawah <div class='widget-content'>

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

250px bisa di sesuaikan dengan keinginan anda

5. sekarang tengok sedikit ke bawah, cari kode seperti ini

<b:if cond='data:style == &quot;MENU&quot;'></div><div><div><b:include data='data' name='menu'/></div><div></b:if></div><div></div></div><div></div></div><b:include name='quickedit'/>

6. sekarang tambahkan sebuah kode </div> di atas <b:include name='quickedit'/>

7. Maka Hasilnya akan seperti ini :

</span><span class="Apple-style-span" style="line-height: 20px; "><b:widget id='BlogArchive2' locked='false' title='Arsip Blog Ini' type='BlogArchive'></span></div><div><span class="Apple-style-span" style="line-height: 20px;"><div><b:includable id='main'></div><div><b:if cond='data:title'></div><div><h2><data:title/></h2></div><div></b:if></div><div><div class='widget-content'></div><div><div style='overflow:auto; width:auto; height:250px;'></div><div><div id='ArchiveList'></div><div><div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'></div><div><b:if cond='data:style == &quot;HIERARCHY&quot;'></div><div><b:include data='data' name='interval'/></div><div></b:if></div><div><b:if cond='data:style == &quot;FLAT&quot;'></div><div><b:include data='data' name='flat'/></div><div></b:if></div><div><b:if cond='data:style == &quot;MENU&quot;'></div><div><b:include data='data' name='menu'/></div><div></b:if></div><div></div></div><div></div></div><div></div></div><b:include name='quickedit'/>

8. Save Template anda, selesai...

Mudah bukan? kesulitan? komen aja di bawah ;)

Terima kasih atas kunjungannya...! Jangan lupa follow...!

Posted in: Tutorial Blog