Membuat Arsip Blog Model Scroll

Kamis, 12 April 2012

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 scroll atau 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 + &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'/>

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.

Sumber : http://www.panduanbelajarblog.com/2011/04/membuat-arsip-blog-model-scroll.html

Tidak ada komentar:

Posting Komentar