Home » » Cara Membuat Scroll Pada Archive Blog

Cara Membuat Scroll Pada Archive Blog

Cara Membuat Scroll Pada Archive Blog - ini hampir sama dengan membuat Fungsi Scroll Pada Label / Kategori yang telah saya posting sebelumnya, perbedaannya hanya terletak pada kata label dengan archive saja.
archive srolling
Untuk jelasnya langsung saja langkahnya seperti ini :
  1. Login ke Acount Blogger atau Dashboard
  2. Pilih Layout
  3. Llalu klik Edit HTML
  4. Centang dulu Expand Widget Templates
  5. Cari kode yang seperti ini : atau kata Archive.
    Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.atau tanda panah(di google chrome).
  6. Kalau sudah, tambahkan kode warna merah itu sebagai scollnya
Lengkapnya kode tersebut seperti dibawah ini :
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:120px; 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>
Angka 120px dan 200px (merah) adalah lebar dan tinggi kotak scroll itu, silahkan disesuaikan.
Mungkin saja diblog anda kodenya berbeda, Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.ya

Kalau sudah jangan lupa SAVE template.

Share this article :

Related Posts by Categories


 
Copyright © 2013. Lintas Informasi - All Rights Reserved