Photobucket

Senin, 24 Oktober 2011

Cara membuat Scroll Arsive Blog

NBnews- Bagaimana caranya? ikuti langkah-langkah dibawah 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 , tekan Ctrl +F , lalu copy paste  kode di atas  <div id=’ArchiveList’>  atau kata Archive"
  6. Kalau sudah,  tambahkan kode warna Biru 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>

   8. Lalu simpan, jangan lupa pratinjau

Hasilnya seperti ini :




Menarik n keren bukan??

Catatan ;
 height:200px bisa sahabat ganti dengan  250px atau 300px karena merupakan ukuran tinggi  kotak scroll.

Ok sampai disini dl untuk info membuat scroll arsive pada blog...

Apakah Anda Suka? Please Share.

Youk! Baca Artikel Terkait Dibawah Ini:

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites