Cara Membuat Arsip Blog (Blog Archive) dengan Scroll

http://4.bp.blogspot.com/-TDSGihH2ehs/UvOyNJRqMoI/AAAAAAAAAAc/tVKH64_s2TM/s1600/2.gif
Bookmark and Share
Ketemu lagi sob dengan saya di blog ini dan alhamdulillah saya masih diberi kesempatan untuk menulis artikel lagi . Pada kesempatan sebelumnya saya sudah bagikan sebuat trik untuk blog sobat yaitu trik Membuat Loading Blog Super Cepat dan Ringan yang bisa membantu loading blog sobat lebih cepat lagi..

Arsip Blog atau Blog Archive menurut saya merupakan kumpulan artikel-artikel kita dari pertama sampai yang terakhir kalinya yang terkumpul dalam satu widget dalam blog , Arsip Blog atau Blog Archive juga memudahkan pengunjung blog kita agar mengetahui artikel-artikel kita yang terdahulu. Dan agar Arsip Blog atau Blog Archive tidak terlalu panjang menjulur ke bawah kita bisa membuat Arsip Blog atau Blog Archive dengan scroll agar lebih menghemat ruang blog sobat.

Berikut ini contoh Arsip Blog (Blog Archive) dengan Scroll :

Contoh Arsip Blog (Blog Archive) dengan Scroll

Arsip Blog (Blog Archive) diatas saya beri scroll pendek agat menghemat ruang di blog saya sendiri.
Apakah sobat mau membuat Arsip Blog (Blog Archive) dengan scroll seperti diatas ???
bila sobat mau silahkan ikuti langkah-langkahnya berikut ini , mudah kok sob , hehehe

1. Login ke blogger sobat
2. Pilih Tata Letak > Tambahkan Gadget
3. Pilih Arsip Blog atau Blog Archive
4. Simpan Gadget
5. Kita pergi ke Edit HTML
6. Lalu kita cari kode <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
7. Tampilan Kode Penuhnya kira-kira seperti berikut
<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 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>
<b:include name='quickedit'/>
</div>
8. Tambahkan kode <div style='overflow:auto; width:ancho; height:177px;'> dan </div>
    Dan kodenya kira-kira akan menjadi 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:177px;'><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'/>
</div>
9. Kode warna merah adalah kode yang ditambahkan kedalam script template, anngka 177 adalah tinggi Arsip Blog atau Blog Archive , Sobat bisa menggantinya sesuka hati.

10. Klik simpan template dan lihat hasilnya.

Demikianlah Sob postingan saya kali ini yaitu tentang Cara Membuat Arsip Blog (Blog Archive) dengan Scroll. dan semoga trik ini bisa berguna dan bermanfaat bagi kita srmua , Dan seperti biasanya sob , bila ada tutur kata atau pengucapan saya yangg kurang berkenan dihati saya mohon maaf sebesar-besarnya , Wassalamualaikum.

{ 0 komentar... Views All / Send Comment! }

Posting Komentar