Cara Mudah Membuat Scroll pada Blogspot

Cara Mudah Membuat Scroll pada Blogspot ini sudah saya praktekan pada blog kesayagan ini, dan ternyata really workmemang ini merupakan tips dan trik blogspot lama alias jadul. Jangan tanya bagaimana di wordpress.com karena judulnya Cara Mudah Membuat Scroll Pada Archive Blogspot, ya ini untuk blogspot. contohnya akan jadi seperti ini.

Untuk  jelasnya inilah cara membuat fungsi scroll pada blogspot
  1. Masuk dulu ke Acount Blogger atau Dashboard
  2. Pilih Layout , lalu klik Edit HTML
  3. Centang dulu  Expand Widget Templates
  4. Cari kode yang seperti ini : <div id=’ArchiveList’>  atau kata Archive.
  5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next. 
  6. Kalau sudah,  tambahkan kode warna merah itu sebagai scollnya
  7. 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 + &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>
Sampai disini sudah selesai cara membuat scroll di blogspot, angka 200 tersebut merupakan ukuran dari tinggi kotak scroll itu silahkan rubah sesuai selera.

0 comments:

Posting Komentar