Home » » Cara Buat Arsip Blog Model Scroll

Cara Buat Arsip Blog Model Scroll



Trik ini sama seperti model scroll yang lain, contohnya Label Scroll dan Scrolling pada Box Comments. Kita hanya menambahkan script berikut: <div style='overflow:auto; width:ancho; height:100px;'> Untuk letaknya apa udah pada tau? Kalo belum, ayo kita intip caranya:




Login - Layout - Elemen halaman
Buat widget Arsip dengan nama Arsip Blog
Pilih model Hirearchy untuk model ini
Save


Masuk ke Edit HTML - cek kotak Expand Template Widget
Cari 'Arsip Blog'. Selengkapnya begini:


<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:ancho; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>




Sebelumnya tidak ada kode merah di template Anda. Tambahkan kode itu untuk mengaktifkan scrolling-nya
Simpan template anda dan lihat hasilnya


Ket: <div style='overflow:auto; width:ancho; height:100px;'> 


angka 100 bisa di ubah ketinggiannya sesuai keinginan


***
Semoga bermanfaat
http://2.bp.blogspot.com

8 comments:

  1. makasih ya atas ilmu nya.

    ReplyDelete
  2. sipp, sama2 bung jaja

    ReplyDelete
  3. sangat bermanfanfaat,.. salam kenal newbi,..
    http://yoyobmd.blogspot.com/

    ReplyDelete
  4. Anonymous5:37 PM

    gan kalo cara nyari yang mudah gimana ??

    ReplyDelete
  5. @Anonim cara yg paling mudah dan cepat tekan ctrl + f lalu cari kata yg mau di tulis dan jgn lupa centang atau beri cek list dulu di kotak kecil expand template widget.

    ReplyDelete
  6. @Waluyo Dwi Susilo Sama2 & mksh ats kunjungannya. oks, segera meluncur

    ReplyDelete
  7. berhasil gan,. thanks ya,. ane pasang di beberapa blog ane :D

    ReplyDelete

Silahkan berkomentar dengan sopan dan tidak Spam.... kalau tidak punya akun blogger silahkan pilih Name / URL isikan nama dan email juga bisa, atau kosongkan URL. Mohon maaf Live Link, langsung akan saya hapus.

.