Senin, 07 Mei 2012

Cara menambahkan Scroll Di Arsip Blog


1. Sebelumnya, Login terlebih dahulu mengunakan akun bloger kalian.

2. Buatlah Arsip blog dengan menambah Gadget pada sidebar/tempat yang kalian inginkan, silahkan beri nama dengan "Arsip blog/Arsip" atau juga yang lainnya, terserah keinginan kalian.

3. Simpan/save penambahan widget tersebut. Nah, sampai disini kalian telah menambahkan Arsip pada blog kalian( tanpa fungsi scroll ).

4. Selanjutnya, utuk menambahkan fungsi scroll pada Arsip silahkan klik Tata letak/Layout-- -->>Edit HTML dan jangan lupa untuk memberi tanda centang pada Expand Template Widgets.

5. Silahkan kalian cari Arsip yang sudah kalian buat tadi, gunakan CTRL+F dan ketikkan kata “Arsip”. akan muncul kode hatml seperti di bawah ini:

<b:widget id='BlogArchive2' locked='false' title='Arsip' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<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>


6. Coba kalian perhatikan kode yang di tandai warna merah (<div style='overflow:auto; width:ancho;height:200px;'>) dan (</div>) di atas. Nah... kode tersebut lah yang harus kalian sisip kan kedalam arsip yang telah kalian buat tadi, dan untuk kode yang di tandai dengan warna biru (height:200px;) adalah kode dimana untuk mengatur tinggi fungsi scroll, silahkan kalian ganti angka 200 sesuai yang kalian inginkan.

7. Simpan/Save template and silahkan lihat hasilnya.

Tidak ada komentar:

Posting Komentar