Roll Pada Widget Archive

Oleh Ade Sanusi

7.28.2008

Bagikan :

Tweet

Apa sih Widget Archive...? Ya Pastinya Udah pada tahu orang hampir semua blog mempunyai Widget Tersebut.... Widget Archive Mengumpulkan Arsip Postingan Kita Berdasarkan Harian, Mingguan atau berdasarkan Bulanan...  Widget Tersebut Sebenarnya Sudah memberikan kemudahan berupa pilihan yaitu [Hierarchy, Flat List Drop-down Menu] Nah yang di bahas kali ini yaitu..... yang Hirarchy: karena jika menggunakan pilihan ini, akan Ada  Judul Artikelnya sehingga pengunjung bisa langsung memilih artikel yang di cari. :) sekarang ada masalah jika Postingan kita semakin banyak, maka tempat yang di butuhkan juga makin banyak donk.... Ada Solusinya yaitu Dengan memilih Flat List atau Drop Down Menu, Tapi pilihan tersebut secara otomatis... menghilangkan Judul Artikel Tersebut....!!! :D ya dah... nih ada solusinya supaya lebih simple..

Ok deh Sekarang Pastikan Blog kita udah ada Widget Archive nya... [untuk menambahkannya seperti biasa masuk aja ke Dshboard trus Layout] ya  dah jika udah liat deh gambar di bawah ini saat pengaturan nya yah...:

 Pastikan Pilih Hirarchy dan jangan Lupa Ceklis [Show Post Title] jika sudah Sekarang beralih dari Layout ke [Edit HTML] lanjut yah tutorialnya Sebnarnya hanya sekedar melanjutkan IDE-IDE konyol yang sebelumnya yaitu [Roll Pada Widget Label, dan Blogroll ala You Tube] nah lanjut yah jika dah masuk ke Edit HTML, selalu backup Template untuk jaga jaga dan Ceklis [Expand Widget template]


Cari Widget Archive yaitu kode
<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
  </b:loop>
Dah ketemu kodenya sekarang tinggal pasang kode yang seperti Blogroll ala You tube ini kodenya:

<div style="border: 2px solid rgb(51, 255, 51); overflow: auto; width: 230px; height: 160px;">
dan
</div> 

nah untuk Pemasangannya silahkan lihat di bawah ini yang warna merah yah... jangan lupa atur width, height sesuai dengan yang diinginkan... tentunya supaya pas dengan template kita..... ya udah biar gak penasaran nih hasilnya:

 Ok deh sekarang Pasang Kode di atas  yang nantinya seperti di bawah ini:

<b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
<div style="border: 2px solid rgb(51, 255, 51); overflow: auto; width: 230px; height: 160px;">
      <ul>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
</div>
  </b:loop>
Sekarang silahkan klik Tombol [Preview untuk melihat hasilnya dan biasanya sekalian cek Pas gaknya ukuran tinggi ma lebarnya....] Jika sudah Pas Silahkan klik [Save/Simpan] dan Semoga berhasil.... kalo sudah silahkan berkomentar :D :D

Tag : Tips and Trik, Unik