Selasa, 04 Desember 2012

Cara Membuat Scroll Pada Archive Blog


Untuk jelasnya langsung saja ikuti langkah dibawah 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 : <div id='ArchiveList'> atau kata "Archive". Untuk memudahkan mencarinya , gunakan saja Ctrl +F.
6. Kalau sudah, tambahkan kode warna hijau itu sebagai scollnya
Lengkapnya kode tersebut seperti dibawah ini :

<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:250; height:220px; padding:10px;border:1px solid #eee'>
<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>


Catatan:
Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.

Mungkin saja diblog anda kodenya berbeda, Oleh karena itu carilah yang mirip dan perlu dicoba, yang paling penting jangan lupa templatenya dibackup dulu.

Kalau sudah jangan lupa save template. Selamat mencoba.

Tidak ada komentar:

Posting Komentar