Artikel Terbaru :
Home » » Cara Membuat Scrollbar Pada Arsip Blog Di Blogspot

Cara Membuat Scrollbar Pada Arsip Blog Di Blogspot

Saturday, August 4, 2012 | 3komentar

Cara Membuat Scrollbar Pada Arsip Blog Di Blogspot - Mungkin jika Anda mempunyai banyak postingan di bulan ini maka tampilan arsip blog akan bertambah panjang ke bawah.

Untuk menghemat tempat dan agar lebih praktis maka Anda bisa membuat scroolbar di bagian arsip blog seperti pada tampilan Di bawah


Bagaimana cara mudah membuat scrollbar pada arsip blog di blogspot?. Caranya mudah, oke langsung saja berikut ini langkah-langkahnya:

1. Login dulu ke blogger.com

2. 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"

3. 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'/>

Supaya lebih jelas, 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'/>
4. Klik "Save Template dan selesai deh
selamat mencoba yah
Share this article :

ARTIKEL TERKAIT:

3 comments:

Silahkan tinggalkan komentar sobat , tapi mohon jangan Nyepam ya..! Komentar dengan menyertakan LINK / ANCHOR TEXT atau promosi produk tertentu akan saya hapus karena blog ini bukan tempat untuk mempromosikan produk yang dijual di blog anda.

 
Support : Copyright © 2011. Tips Trik Blog | Dan Cara Buat Website - All Rights Reserved
Template Modify by Siti Saleha
Proudly powered by Blogger| Thanks For Visiting