Home » » Cara Membuat Scroll Doang Di widget "Archive"

Cara Membuat Scroll Doang Di widget "Archive"

Written By amieng cirata on Minggu, 07 April 2013 | 02.04

Cara membuat scroll doang tanpa pakai box ( garis yang mengelilingi wdiget archive) di archive/arsip

Contohnya seperti gambar di bawah ini :


contoh Scroll Doang Di widget "Archive"

Kegunaannya :
- Meringankan loading blog
- Penghematan tempat, jika anda mempunyai daftar arsip yang banyak dan panjang
- Tampilan blog menjadi proporsional

Cara membuatnya :

  1. Login ke blogger
  2. Masuk ke dasbor
  3. Klik "template"
  4. Klik "edit HTML"
  5. Klik "expand template widget"
  6. Cari kode ini :
  7. <div class='widget-content'>

    atau kode ini :

    <div id='ArchiveList'>

    ket : biasanya 2 kode di atas  berdampingan tanpa ada pemisah (tergantung template yang anda gunakan)


  8. Setelah ketemu salah satu 2 kode di atas, copas kode di bawah ini :
    <div style='overflow:auto; width:ancho; height:200px;'>
    terus simpan di antara 2 kode tadi.

    Jadi seperti ini contoh tampilannya :
    <div class='widget-content'>
    <div style='overflow:auto; width:ancho; height:200px;'>
    <div id='ArchiveList'>

  9. Nah yang terakhir masukan kode ini </div> lalu simpan di atas kode di bawah ini
    <b:include name='quickedit'/>
      </div>

    Seperti inilah contoh hasil semuanya :
    <h2><data:title/></h2>
      </b:if>
    <div class='widget-content'>
    <div style='overflow:auto; width:ancho; height:200px;'>
    <div id='ArchiveList'>
    <divexpr: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>
    Keterangan :
    - Kode yang di kasih warna kuning adalah kode yang harus di tambahkan ke script tersebut.
    - Kode yang di kasih warna merah adalah kode yang di cari-cari.
  10. Selesai dah.... Klik "simpan template"


Jangan Lewatkan :
Share this article :
Comments
0 Comments

0 komentar:

Posting Komentar

 

Support : Copyright © 2013. DUNIA CORAT-CORET - All Rights Reserved
powered by Blogger