=o0o+=[Blog Oktri]=o0o==+=

Masih dalam rangkaian utak-atik template untuk tampilan blog, kali ini akan berbagi cara Membuat Scroll Pada Archive Blogseperti pada blog ini jika jumlah artikelnya pada bulan itu banyak maka scrollnya akan berfungsi.

Untuk jelasnya langsung saja langkahnya seperti ini :

Masuk dulu ke Acount Blogger atau Dashboard

Pilih Layout , lalu klik Edit HTML

Centang dulu Expand Widget Templates

Cari kode yang seperti ini : <div id='ArchiveList'> atau kata Archive.

Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.

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:ancho; height:200px;'>
<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'/>
</div>
</b:includable>

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

Mungkin saja diblog sobat kodenya beda,, Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.

Kalau sudah jangan lupa save template .

Selesai.

Hasil akhirnya SEPERTI BLOG SAYA INI

TIPS BLOG | TRIK BLOG | SHARING ILMU

Kamis,18Maret

Cara Membuat Scroll Pada Archive Blog

Artikel Terkait:

1 komentar:

Statistik Pengunjung

Label

About Me

Facebook Like

Selamat Datang Di OKTRI BLOG

Sekilas tentang penulis

Social Stuff