Senin, 12 Maret 2012

cara mudah membuat blog archive pada blogspot

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 
Oke langsung saja ya, soalnya saya juga g hobi ngoceh panjang-panjang, lagian masih banyak kerjaan  . Ingat Cara Mudah Membuat Scroll Pada Archive Blogspot ini hanya untuk pengguna blogspot, dan baca baik-baik caranya berikut ini:

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 + &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>

  • save template lihat hasilnya.

warning:  kode </div> jangan sampai lupa.
mudah bukan ?

1 komentar:

mengatakan...

tes

Posting Komentar

  • This is my teacher.
  • BLOGGER LAMPUNG
  • ON B.LAMPUNG.
  • EXIS ON SCHOOL
  • This is my teacher
  • Teknisi on METRO M COMPUTER kota metro.
  • teknisi on metro m computer kota metro.

 
Design by http://4-jie.blogspot.com/ | Bloggerized by Fajri Alhadi