Cara Membuat Arsip / Archive Blog Menggunakan Scroll

Cara Membuat Widget Arsip / Archive Blog Dengan Scroll. Sobat blogger, ketika anda mencari sebuah artikel di sebuah blog dengan banyaknya artikel atau anda ingin melihat sebuah artikel yang terbaru atau terlawas dari blog tersebut pastinya akan sangat melelahkan jika harus menggulir halaman navigasi blog tersebut, nah disinilah gunanya mengapa kita perlu memasang widget atau halaman arsip/archive pada blog, karena pengunjung akan lebih mudah menavigasi semua artikel yang ada di blog kita.


Cara Membuat Arsip / Archive Blog Dengan Scroll

Dengan adanya halaman arsip, pengunjung akan lebih mudah mencari sebuah artikel dengan menavigasi halaman arsip tersebut, bisa di lihat sesuai tahun, tanggal, terlama dan terbaru dalam penerbitanya, halaman arsip ini juga berfungsi seperti hal nya halaman sitemap, maka sebuah keuntungan jika anda menaruh halaman arsip pada blog anda karena secara langsung seorang pengunjung banyak di tawarkan artikel terkait dan melihat artikel terdahulu maupun terbaru dengan mudah.

Namun disini banyak yang bilang halaman arsip memakan banyak tempat di sidebar ke bawah, tenang..karena disini pada intinya pada artikel saya, saya akan membagikan sebuah tutorial bagaimana caranya agar halaman arsip atau archive bisa di scroll dan tidak memakan banyak ruang pada sidebar.


Cara Membuat Widget Arsip / Archive Blog Dengan Scroll.

1. Pertama pasang terlebih dahulu arsip blog pada menu tata letak>add widget>arsip blog.
2. Jika sudah, silahkan pilih menu Template dan klik edit HTML.
3. Lalu cari kode seperti di bawah ini.
'ArchiveList'
4. Jika sudah ketemu, lalu letakan kode di bawah ini tepat di atas kode tadi.
<div style='overflow:auto; width:ancho; height:300px;'>
5. Selanjutnya silahkan anda geser ke bawah sedikit dan temukan kode seperti di bawah ini.
<b:include name='quickedit'/>
6. Lalu letakan kode </div> di atas kode tadi atau lebih jelasnya, penampakannya seperti ini.
<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'/>  </div>
</b:includable>
5. Jika sudah selesai, klik simpan / save template anda.
Catatan : Angka 300px adalah sebuah tinggi halaman arsip dan silahkan sesuaikan sesuka anda.

Sekian untuk tutorial "Cara Membuat Arsip / Archive Blog Dengan Scroll"

1 Response to "Cara Membuat Arsip / Archive Blog Menggunakan Scroll"