google7815267b1395e37a.html Menambahkan Fungsi Scroll Pada Widget | Mat Tempak

Menambahkan Fungsi Scroll Pada Widget


    Hallo semua hari ini saya akan membuat posting yang berjudulCara Menambah Fungsi Scroll Pada Sidebar/Widget,manfaat menambah fungsi scroll pada widget adalah memperpendek bagian widget dan supaya meringankan loading blog,oke setelah kita tau manfaat dariMenambah Fungsi Scroll Pada Widget kita langsung mengikuti cara di bawah ini.
 

  1. Kita Pergi Ke Dasboard Blogger Anda
  2. Pilih Memu Template
  3. Pilih Edit HTML
  4. Kemudian Cari Widget Yang Akan Beri Scroll Misalnya Arsip Blog 
  5. Cari Nama Atau Judul Widget Yang Akan Di Beri Fungsi Scroll (Cari Menggunakan Ctrl+F)
  6. Setelah Dapet Kodenya Ya Kurang Lebih Kayak Gini Kodenya

    <B:widget Id='BlogArchive2' 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>
    </B:includable>

    Ket:kode Yang Hijau Adalah Nama Dari Widget Yang Kita Beri Scroll
  7. Kemudian Tambahkan Kode Ini Dibawah <Div Class='Widget-Content'>

    <Div Style='Overflow:auto; Width:auto; Height:250px;'>

    Ket: Kode Warna MerahAdalah Tinggi Dari Scroll Tersebut Silahkan Ganti Sesuka Anda
  8. Setelah Itu Kita Cari Kode Lagi Agak Kebawah,Kodenya</B:includable> Sisipkan Kode Ini Diatas Kode</B:includable> </Div>
  9. Sehingga Kodenya Menjadi Seperti Ini  

    <B:widget Id='BlogArchive2' 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:auto; Height:250px;'>
      <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>
    </Div>

    </B:includable>

    Ket: Kode Warna BiruAdalah Kode Yang Kita Sisipkan Tadi
  10. Setelah Itu Pratinjau Templae Kalau Berhasil Simpan Template Anda.
 Dan akhirnya selesai juga postingan saya tentang Cara Menambah Fungsi Scroll Pada Sidebar/Widget semoga artikel ini bermanfaat buat anda semua salam blogger.
Blog, Updated at: 19.9.17

0 comments:

Postingan Populer