Artikel Terbaru

Cara Memasang Arsip Blog Dengan Scroll Di Blog

Bloggerkotasukabumi - Fungsi scroll terasa sekali manfaatnya dalam menampilkan jumlah artikel kita yang begitu banyak dan cukup memakan space/tempat, beda sekali kalau sudah di pasang scroll panjangnya tampilan artikel tidak akan tampak kita hanya menggeser tombol scrollnya saja simple bukan?.  Dan bagi sobat yang di arsip blognya belum memakai fungsi scroll atau tidak ada menu accordion gampang saja sobat, ikuti tutorial di bawah ini sampai selesai untuk memudahkan pemasangannya.

Apabila berminat sobat bisa ikuti cara dan langkah di bawah ini :

1.Masuk ke akun blogger sobat
2.Dashboard  > klik template  > edit html
3.Kemudian cari kode

 <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

Note: tulisan yang berwarna biru ganti dengan judul widget archive di blog sobat

4.Sobat masukan kode <div style='overflow:auto; width:ancho; height:250px;'> lalu akhiri dengan tag </div> lebih lengkapnya seperti di bawah ini : 

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog Ini' 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:250px;'>
<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'/>

Note : Angka yang berwarna merah =  tinggi widget arsip blog dan silahkan sobat ganti dan sesuaikan dengan selera sobat.

5. Simpan template.

Apabila cara diatas tidak berhasil dan pemasangannya, sobat bisa menambahkan kode CSS berikut :

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

Note : Angka yang berwarna merah =  tinggi widget arsip blog dan silahkan sobat ganti dan sesuaikan dengan selera sobat.

Selamat mencoba dan semoga bermanfaat
Artikel Yang Terkait

0 Response to "Cara Memasang Arsip Blog Dengan Scroll Di Blog "

Post a Comment

Supported by Blogaul