Arsip sebuah blog merupakan salah satu menu
penting yang layak untuk ditampilkan pada halaman depan blog kita. Karena
dengan arsip blog kita tersebut, pengunjung akan dengan mudah untuk menemukan
informasi mengenai semua postingan yang telah kita terbitkan secara lebih
lengkap dan mendetail terkait waktunya. Nah, permasalahannya yang sering kita
hadapi adalah sewaktu arsip kita sudah banyak pasti saat ditampilkan akan
memakan banyak tempat di blog kita. Mau kita atur dengan model apapun hasilnya
akan sama saja, memakan banyak tempat. Lalu, bagaimana solusinya?
Mudah!
Kita hanya perlu memikirkan tentang bagaimana cara membuat arsip blog dengan model scrollatau yang biasa kita gunakan untuk membungkus link blogroll guna menghemat tempat.
Bagaiamana membuatnya?
Pertama, log in dahulu ke akun blogger kita.
Klik fitur rancangan.
Klik edit HTML.
Setelah muncul halaman edit HTML, klik atau beri contreng pada kotak expand widget.
Kita hanya perlu memikirkan tentang bagaimana cara membuat arsip blog dengan model scrollatau yang biasa kita gunakan untuk membungkus link blogroll guna menghemat tempat.
Bagaiamana membuatnya?
Pertama, log in dahulu ke akun blogger kita.
Klik fitur rancangan.
Klik edit HTML.
Setelah muncul halaman edit HTML, klik atau beri contreng pada kotak expand widget.
# Tekan pada keyboard tombol Ctrl + F untuk
mempermudah pencarian dengan memasukan kata yang dicari di dalamnya.
Cari kode berikut 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:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
Sebelumnya tidak ada kode dengan warna merah di blog kita, kemudian tambahkan kode tersebut untuk mengaktifkan scrollingnya.
Klik simpan dan arsip blog kita pun kini sudah berbentuk scroll.
Keterangan :
Cari kode berikut 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:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
Sebelumnya tidak ada kode dengan warna merah di blog kita, kemudian tambahkan kode tersebut untuk mengaktifkan scrollingnya.
Klik simpan dan arsip blog kita pun kini sudah berbentuk scroll.
Keterangan :
·
Sebelum melakukan edit HTML template blog, selalu back up dengan
cara download terlebih dahulu template blog kita untuk mengantisipasi kegagalan
saat proses edit HTML berlangsung.
·
Pada kode yang ditambahkan berikut ini, <div
style='overflow:auto; width:ancho; height:100px;'>, angka 100px pada height
menunjukan tinggi dari scroll sebagai pembungkus yang kita buat. Atur sesuai
selera.
·
Sebelum melakukan edit HTML untuk merubah tampilan arsip blog
dengan model scroll, pastikan kita telah merubah model arsip blog kita menjadi
model hierarki terlebih dahulu. Untuk tampilannya apakah dimuat perbulan atau
perminggu tidak masalah.
Mudah bukan? Yang dibutuhkan dalam edit HTML template blog adalah ketelitian. Jangan sampai ceroboh, karena saat ada kesalahan akan membuat template kita rusak hingga tidak dapat berjalan sebagaimana mestinya.
Ada yang punya saran? Kritik? Atau pengalamannya dalam mengganti arsip blog dengan model scroll ini? Kalau ada silakan tuliskan tanggapannya di kotak komentar ya kawan?
Salam blogger!
0 komentar
Posting Komentar
Pembaca Yang Cerdas Selalu Memberikan Jejak Komentar Tentang Artikel Komputer Ini, Bersaudara Lebih Indah Dari Pada Bermusuhan, Dengan Anda Memfollow & Like Di blog Ini Kita Semua Bersaudara & Jangan Lupa saling Membantu. Thank YOU...