Skip to main content

Membuat Arsip Blog Model Scroll

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.

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!

Comments

Popular posts from this blog

Sherlock Holmes

Penampilan terbaru dari tokoh terkenal karya Arthur Conan Doyle, Sherlock Holmes berkisah tentang petualangan terbaru Holmes (Robert Downey Jr.) dan mitra setianya Watson (Jude Law) Mempertunjukkan kepandaiannya sebagai seorang intelektual, Holmes bertarung lebih hebat dari sebelumnya untuk menjatuhkan musuh barunya dan mengungkapkan sebuah rencana berbahaya yang dapat menghancurkan Negara tersebut Jenis Film : Drama/adventure Produser : Joel Silver, Susan Downey, Lionel Wigram Produksi : Warner Bros. Pictures Homepage : http://sherlock-holmes-movie.warnerbros.com/ Durasi : 139 Pemain : Robert Downey Jr. ...

Inilah Cara Termudah Mengenal Ukuran Panjang dan Lebar Template Blog Kita

Apa yang harus kita lakukan pertama kali untuk mengetahui ukuran panjang dan lebar blog kita? Bagi blogger pemula, mengetahui ukuran panjang dan lebar template blog merupakan hal yang cukup membingungkan. Hal ini karena kita sebagai blogger pemula merasa awam dengan begitu banyaknya kode HTML yang termuat dalam template blog. Kalau kenyataannya sudah begini, apa akibat masalah yang kita hadapi karena edit HTML yang sulit? Waktu akan terbuang percuma hanya untuk mencari kode HTML yang menunjukan ukuran bagian template yang tidak juga ditemukan. Selain itu, jika kode HTML ini lama tidak ditemukan juga akan membuat kita merasa kesal dan bosan bukan? Nah, untuk mari kita perhatikan bersama bagaimana cara untuk mengetahui ukuran template blog milik kita. Pertama, masuk ke dalam akun blogger kita masing-masing. Klik rancangan. Klik edit HTML. Klik expand template widget. Cari kode HTML berikut ini. (hanya contoh, cari kode HTML yang dicetak tebal) Mengetahui ukuran lebar keseluruhan templ...

Daftar Situs Penyedia Kursor Pada Blog

Jika kita ingin merubah bentuk kursor pada blog , kita dapat memanfaatkan layanan dari beberapa situs yang menyediakan berbagai bentuk kursor modifikasi yang dapat kita gunakan. Bentuk kursor yang standar pada sebuah blog pada dasarnya adalah berbentuk tanda panah berwarna putih. Akan tetapi, kita dapat mengganti bentuk kursor yang standar tersebut dengan bentuk yang lebih modis dan stylis dengan menggunakan beberapa bentuk kursor yang disediakan oleh situs-situs penyedia kursor pada blog di bawah ini : http://www.cursors-4u.com http://www.myspacecursor.net http://www.totallyfreecursors.com http://www.123cursors.com http://www.anicursor.com Dengan beragam kursor dalam situs tersebut, kita dapat membuat tampilan blog menjadi lebih trendy dan lain dari pada blog yang lainnya. Menarik bukan? Jika ada yang ingin menambahi, silakan sampaikan lewat kotak komentar di bawah ini ya kawan. Salam blogger!