Blogger Widgets Cara Membuat Scroll Pada Arsip Blog - BERBAGI ITU INDAH
Slide # 1

Indra Gunawan

Pantai Pasir Putih, Pulau Nusakambangan, Cilacap Jawa Tengah

Slide # 2

Indra Gunawan

Senja di Sudut Kota Kecil Yang Mempesona, Bumiayu Jawa Tengah

Slide # 3

Indra Gunawan

Pelatihan Mahasiswa Dan OutBond, Baturaden Adventure Forest Banyumas Jawa Tengah

Slide # 4

Indra Gunawan

Ajibarang, Banyumas, Jawa Tengah

Slide # 5

Indra Gunawan

Pantai Pasir Putih, Pulau Nusakambangan, Cilacap Jawa Tengah

Saturday, 11 May 2013

Cara Membuat Scroll Pada Arsip Blog

Membuat Scroll Pada Blog Archive (Arsip Blog)
Tampilan blog saya jadi gak enak dilihat gara-gara arsip blog yang mengumbai panjang ke bawah, maklum bulan ini banyak postingan, hahahaha
Jadi bagi sahabat bloger yang ingin membuat Scroll pada Arsip Blognya agar tidak makan tempat ini saya share caranya, cara ini juga yang saya terapkan di blog saya ini...
Okeh tak perlu banyak cingcong, Langsung aje kite ke KATEPE...
hahahaha

  1. Login ke blog sobat
  2. Klik Template >> Edit HTML
  3. Download Dulu Template Sobat takutnya ada kesalahan dalam pengeditan, tapi jika sudah yakin mah kagak usah.. :)
  4. Setelah itu kemudian Cari Kode <div id='ArchiveList'> dengan cara tekan CTRL + F pada keyword sobat dan pastekan kode itu
  5. Setelahnya ketemu nih, kemudian paste kode ini <div style='overflow:auto; width:ancho; height:220px;'> tepat diatas kode tersebut <div id='ArchiveList'> tersebut
  6.  Cari kode  </b:includable> dan pastekan kode </div> tepat diatanya
  7. Lengkapnya Dibawah ini...
<h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div style='overflow:auto; width:ancho; height:220px;'>
  <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>
</b:includable>
Diatas ada angka 220 dengan warna hijau, nah itu mah ganti saja sesuai keinginan sobat ya..
Jika sudah, kemudian Simpan Template Dan Lihat Hasilnya.
Gampangkan, makanya silahkan di praktekan...

0 comments:

Post a Comment

Indra Oze Gunawan. Powered by Blogger.