Pages

Jumat, 09 Maret 2012

Cara Membuat Scroll Pada Archive Blog


Membuat Scroll Pada Archive Blog memang ini merupakan tips dan trik blogspot lama alias jadul. Tapi gak ada salahnya kalau saya sampaikan disini kembali mengingat banyak teman-teman yang saat ini belajar ngeblog dengan blogspot dan tertarik untuk Membuat Scroll Pada Archive Blog mereka. Jangan tanya bagaimana di wordpress.com karena judulnya Cara Mudah Membuat Scroll Pada Archive Blogspot, ya ini untuk blogspot :mrgreen:
Oke langsung saja ya, soalnya saya juga g hobi ngoceh panjang-panjang, lagian masih banyak kerjaan :D . Ingat Cara Mudah Membuat Scroll Pada Archive Blogspot ini hanya untuk pengguna blogspot, dan baca baik-baik caranya berikut ini
Untuk lebih  jelasnya langsung saja langkahnya seperti ini :
  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 ungu itu sebagai scrollnya
  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, masih ada yang bingung dan ingin ditanyakan ? sebagai catatan saja angka 200 tersebut merupakan ukuran dari tinggi kotak scroll itu, kalian bisa merubahnya sendiri sesuai dengan selera masing-masing dan silahkan disesuaikan.
Mudah bukan ?

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger