2 Cara Memasang Scroll Blog Archive

Blog Archieve merupakan widget yang menampilkan keseluruhan postingan blog. Widget ini sangat penting untuk diterapkan di Blog sobat. Silahk...

Blog Archieve merupakan widget yang menampilkan keseluruhan postingan blog. Widget ini sangat penting untuk diterapkan di Blog sobat. Silahkan tambahkan widget blog archieve di blog sobat. Jika sudah mari kita buat tampilan blog archievenya terlihat keren. Nah...Tutorial kali ini saya akan share tentang 2 Cara Memasang Scroll Blog Archive. Tutorial ini akan membuat blog archieve sobat tampilan Scroll, jadi blog archievenya tidak akan terlihat memanjang kebawah. 

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.