Cara Membuat Scroll Pada Archive Blog

Posted by Puisi Cinta Romantis

VirusCinta.Com akan membahas tentang Bagaimana  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.
Tapi sebelum memulai jangan lupa backup dulu ya templatenya.

Cara Membuat Scroll Pada Archive Blog

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 : <div id='ArchiveList'>  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:ancho; 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 200px adalah tinggi kotak scroll itu, silahkan disesuaikan saja sobat.

Mungkin saja di blog anda kode yang berbeda,  Oleh karena itu carilah yang mirip dan perlu dicoba, terus jangan lupa templatenya dibackup dulu.ya

Ingat kalau sudah jangan lupa save template .

Related Post



bahtiar go_blog said...

gan, di blog saya nda ada script :
div id='ArchiveList

gimana yaa ??
mohon dibantu .
thanks
:)

Puisi Cinta said...

Bahtiar @ Kalau kode di atas itu gak ada, berarti kamu harus buat (blog archive) dulu, caranya ya di Tata Letak, pilih tanbah gadget, terus pilih (Arsip Blog) nah setelah itu cari dah di template,, kode tersebut gan, tapi jangan lupa centang expand template widget saat edit templatenya gan.

Post a Comment

Silahkan Berkomentar