Selasa, 03 April 2012

Cara Membuat scroll bar untuk arsip blogger


nih ane kasi tips ke agan" yang baru di blogger cara membuat scroll pada arsip blogger.hehe
soalnya dari pengalaman dulu waktu baru belajar blogger bikin scroll nya susah bnget,hehe
mangkanya ane posting tips ini untuk agan" yang baru di blogger jga sama kaya saya :)

langsung di smak aja iya langkah"nya:

  •  Login dulu ke blogger.com

  •  Pilih menu "Design"
  •  Klik "Edit HTML"
  •  buat jaga-jaga kalo terjadi kesalahan, sebaiknya backup dulu template yang kita gunain, caranya klik "Download Full Template"
  • Beri tanda centang pada "Expand Template Widget"
  •  Cari kode ini <div id='ArchiveList'> (supaya lebih gampang, tekan ctrl+f ‘n masukan kode yang dicari)
  • Kalo udah ketemu, copy/paste kode di bawah ini tepat sebelum kode <div id='ArchiveList'>
    <div style='overflow:auto; width:ancho; height:
    100px;'>

  • Kalo udah, tambahin kode </div> di atas kode <b:include name='quickedit'/>
  • untuk lebih jelasnya, coba perhatiin beberapa kode yang ada dibawah ini deh !!

<div style='overflow:auto; width:ancho; height:100px;'>
<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'/>

  • klo dah ketemu Klik "Save Template"

Catatan:
  • Teks warna biru adalah posisi dimana kode harus diletakkan
  • Teks warna kuning adalah ukuran dari tinggi kotak arsip blog yang udah kita tambahin scroll button
 sekian tips tentang cara membuat scroll pada blog archive semoga bermanfat :)

Artikel Menarik lainnya:

Widget by [ Boykean-archive ]

0 komentar:

Posting Komentar

tolong masukannya . . !!!
:)

Template by : kendhin x-template.blogspot.com