Tuesday 21 April 2015

Cara Membuat Arsip Blog dengan Scroll

Blog Archive dengan Scroll
Arsip blog atau Archive blog adalah sebuah daftar urutan artikel yang di urutkan sesuai tanggal bulan dan tahun, biasanya arsip blog atau archive blog ini di letakan di sidebar pada sebuah blog, arsip blog ini menurut saya sangat berguna sekali jika di pasang pada sebuah blog,karena dengan widget arsip ini bisa dengan mudah menemukan artikel-artikel anda hanya dengan melihat halaman arsip .
Pada kesempatan kali ini NTechno membagikan bagaimana caranya membuat scroll pada arsip blog yang memudahkan pembaca dan tidak memakan space pada blog .


Berikut caranya : 



1. Pastikan anda sudah menambahkan arsip blog ke widget blog anda.
2. Sekarang buka akun blogger anda.
3. Pilih menu template > Klik Edit Html 
4. Lalu silahkan anda cari kode 'BlogArchive'
5. Jika sudah ketemu lalu letakan kode kode di bawah ini tepat di atas kode 'BlogArchive'  

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

6. Lalu anda geser ke bawah sedikit, maka anda akan melihat kode seperti ini <b:include name='quickedit'/> dan tambahkan kode </div> di atasnya Atau lebih jelasnya seperti di bawah ini.

<div style='overflow:auto; width:ancho; height:200px;'>  <div id='BlogArchive'><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>

Catatan : 200px adalah tinggi arsip dan silahkan sesuaikan sesuka anda.

Sekian dulu tutorial dari Ntechno , semoga bermanfaat ^^

Masukan email Anda untuk Dapatkan Update terbaru dari Newbie Techno.Gratis!
Share this article to your friends