Cara mengubah tampilan arsip blogger menjadi model dropdown

Langsung saja ya gan,untuk menyingkat waktu, saya jelaskan ke to the poin'nya saja ya,yaitu tentang cara mengubah tampilan arsip bawaan blogger menjadi model dropdown atau scroll ke bawah.
Untuk contoh tampilan arsip blognya yang model dropdown atau scroll kebawah itu seperti apa silahkan lihat di blog ini.

Langkah-langkahnya adalah sebagai berikut :
  • Login ke dasbor blogger.
  • Klik opsi lainnya.
  • Klik tata letak.
  • Klik tambahkan gadget.
  • Klik arsip.
  • Pilih tampilan arsip gaya hierarki,lalu klik  simpan.
  • Klik template.
  • Klik edit HTML.
  • Back up dulu template blog'nya,caranya copy template'nya lalu paste ke notapad dan simpan didokumen komputer,kalau sudah...  
  • Cari kode html blog arsip seperti ini:
<b:section-contents id='sidebar-right-1'>
  <b:widget id='BlogArchive1' 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 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>  <b:include name='quickedit'/>
  </div>

  • Kalau sudah ketemu hapus kode tersebut dan ganti dengan kode HTML untuk tampilan arsip blog model dropdown seperti dibawah ini:
<b:section-contents id='sidebar-right-1'>
  <b:widget id='BlogArchive1' 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:200px;'>
  <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'/>
  </div>

  • Sebelumnya edit dulu ukuran vertikal kotak dropdown'nya dengan mengganti angka 200 yang berwarna merah di atas dengan angka lainnya yang sesuai dengan selera kamu supaya tampilan arsip blog kamu bisa  menjadi lebih sesuai dengan ukuran besar kecil tampilan template blog kamu,sehingga dengan demikian tampilan blog kamu akan menjadi lebih menarik.
  • Kalau sudah kamu edit, hasil susunan kode HTML  untuk arsip blog kamu yang ada dikolom"edit HTML "template blog kamu akan seperti ini:

Kode html tampilan arsip blog model dropdown

  • Kalau sudah,klik dulu pratinjau template.
  • Jika tidak terjadi error klik simpan template.
Sudah selesai gan,proses mengubah tampilan arsip bawaan blogger kamu menjadi tampilan model dropdown.

Sekarang lihat hasilnya! bagus kan tampilan arsip blog kamu?

0 komentar:


CIMB Niaga, 7603 6767 7300, Arsis W | axxxxske-stsuxxxxxxxxx*#*$
OCBC NISP, 634130601924, C G Widi | suxxkamb
BRI, 6440-01-001908-53-8, St S | 94jy0CWep1

 
© Solo On Line ~ All Rights Reserved
Terima kasih atas kunjungannya
Cara Daftar FBS