at 11:11 AM

Setting arsip blogspot ( Expand Collapse )

Blog Archive atau arsip blog pada blogspot merupakan salah fitur pada blogspot.com yang sangat bermanfaat, gadget ini adalah indeks postingan kita berdasarkan bulanan, mingguan atau harian. 
Secara default tampilannya adalah terbuka pada setiap postingannya atau auto expand, hal ini sebenarnya cukup bagus, tapi juga mengganggu tampilan blog ketika pertama dibuka, karena jika postingan telah sangat banyak maka akan sangat banyak link2 yang akan memenuhi halaman blog kita, meskipun sebenarnya bisa diatur berapa jumlah postingan yang akan ditampilkan.
Karena tidak nyaman dengan tampilan defaultnya tersebut akhirnya saya googling, bagaimana agar arsip kita secara default menutup atau auto collapse, salah satunya adalah disini.
Setelah berhasil akhirnya saya memutuskan untuk membagi trik agar membuat arsip menjadi auto collapse tersebut, berikut cara yang harus dilakukan.
  1. Mungkin anda sebaiknya melakukan backup terhadap template yang akan anda ubah.
  2. Klik pada Design ,pilih Edit HTML, jangan lupa untuk mencentang Expand Widget Templates.
  3. Carilah kalimat Blog Archive atau sesuaikan dengan title arsip anda ketika melakukan settingannya.
  4. Dibawahnya cari kata <b:includable id='toggle' var='interval'> dan ganti semua kata tersebut sampai kata </b:includable> yang pertama (tag penutup dari kode tersebut) dengan kode berikut.

    <b:includable id='toggle' var='interval'>
    <b:if cond='data:interval.toggleId'>
    <b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' href='javascript:void(0)'>
    <span class='zippy toggle-open'> </span>
    </a>
    <b:else/>
    <a class='toggle' href='javascript:void(0)'>
    <span class='zippy'>
    <b:if cond='data:blog.languageDirection == "rtl"'>
    <b:else/>
    </b:if>
    </span>
    </a>
    </b:if>
    </b:if>
    </b:includable>
  5. Lakukan cara yang sama dengan kode berikut pada template anda.

    <b:includable id='toggle' var='interval'>
    <b:if cond='data:interval.toggleId'>
    <b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' href='javascript:void(0)'>
    <span class='zippy toggle-open'> </span>
    </a>
    <b:else/>
    <a class='toggle' href='javascript:void(0)'>
    <span class='zippy'>
    <b:if cond='data:blog.languageDirection == "rtl"'>
    <b:else/>
    </b:if>
    </span>
    </a>
    </b:if>
    </b:if>
    </b:includable>
    Ingat sesuaikan kode yang dirubah dengan judul kode yang akan dirubah..
  6. Coba lakukan preview pada template yang telah diubah tersebut, jika gagal, perhatikan kode yang telah diubah tadi, anda mungkin melakukan kesalahan.
Tampilan Arsip sebelum diubah
Referensi :

Tulis Komentar dengan akun Facebook Anda.

1 comments:

Post a Comment