2 Cara Memasang Scroll Blog Archive

Cara Pertama

Step 1 Login ke Blogger
Step 2 Di halaman Dasbor, pilih Template
Step 3 Kemudian pilih Edit HTML
Step 4 Cari kode ]]></b:skin> atau </style> (gunakan CTRL+F)
Step 5 Copy kode di bawah ini dan pastekan tepat di atas kode tersebut.

#BlogArchive1 .widget-content{
height: 300px;
margin: 10px;
width: auto;
overflow: auto;}  

Step 6 Terakhir simpan template dan lihat hasilnya.
Keterangan : Untuk ukuran bisa sobat sesuaikan.

Cara Kedua

Step 1 Login ke Blogger
Step 2 Di halaman Dasbor, pilih Template
Step 3 Kemudian pilih Edit HTML
Step 4 Cari kode <div id='ArchiveList'> atau ArchiveList (gunakan CTRL+F)
Step 5 Jika sudah ketemu, copy kode dibawah ini dan pastekan tepat di atas  ‘ArchiveList’

<div style=’overflow:auto; width:ancho; height:300px;’>

Step 6 Selanjutnya, Perhatikan kode <b:include name=’quickedit’/> yang ada dibawahnya. Lalu tambahkan kode </div> tepat di atasnya. (Hasilnya seperti di bawah ini)

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

Step 7 Terakhir simpan template dan lihat hasilnya.

Keterangan : Untuk ukuran bisa sobat sesuaikan. Semoga artikel tentang 2 Cara Memasang Scroll Blog Archive  bisa menjadi pedoman buat anda.