Cara Mudah Membuat Scroll Arcive Blog
Hallo Sobat kembali lagi berjumpa di tutorial aak, kali ini saya akan mengulas cara mudah membuat scroll arcive Blog di Blogger. Arcive Blog atau disebut dengan daftar isi fungsinya untuk memudahkan pembaca menavigasi Blog, dengan demikian semua artikel yang ada di Blog dapat dengan mudah ditemukan oleh para pengunjung.
Dengan memasang Scroll Arcive Blog tampilan akan terlihat lebih dinamis dan rapih karena deretan archive artikel yang panjang dari awal dipublikasikan sampai akhir akan dikemas ke dalam kotak scroll. Untuk memasang Scroll Arcive Blog berikut ini langkah-langkahnya :
Cara Mudah Membuat Scroll Arcive Blog :
Langkah 1 : Pertama yang perlu anda lakukan adalah menampilkan Arcive Blog caranya :
1. login ke Blogger
2. Pilih Layout/Tata letak
3. Klik add Gadget
4. kemudian pilih Arcive Blog
5. klik Simpan
Langkah 2 : Editor HTML pada Template caranya :
1. Pilih Template
2. Klik Edit HTML
3. Dengan menggunakan Ctrl+F anda cari kode 'ArchiveList'
4. Jika sudah ketemu anda copy kode dibawah ini dan pastekan diatasnya
5. Kemudian anda scroll sedikit kebawah lihat kode <b:include name='quickedit'/>, dan tambahkan kode </div> diatasnya
Maka hasilnya akan seperti berikut :
Note :
height:300px; adalah pengaturan tinggi widget
6. Simpan template dan anda lihat hasilnya pada sidebar
Demikian Cara Mudah Membuat Scroll Arcive Blog, semoga bermanfaat!
Dengan memasang Scroll Arcive Blog tampilan akan terlihat lebih dinamis dan rapih karena deretan archive artikel yang panjang dari awal dipublikasikan sampai akhir akan dikemas ke dalam kotak scroll. Untuk memasang Scroll Arcive Blog berikut ini langkah-langkahnya :
Screenshot Scroll Arcive Blog
Cara Mudah Membuat Scroll Arcive Blog :
Langkah 1 : Pertama yang perlu anda lakukan adalah menampilkan Arcive Blog caranya :
1. login ke Blogger
2. Pilih Layout/Tata letak
3. Klik add Gadget
4. kemudian pilih Arcive Blog
5. klik Simpan
Langkah 2 : Editor HTML pada Template caranya :
1. Pilih Template
2. Klik Edit HTML
3. Dengan menggunakan Ctrl+F anda cari kode 'ArchiveList'
4. Jika sudah ketemu anda copy kode dibawah ini dan pastekan diatasnya
<div style='overflow:auto; width:ancho; height:300px;'>
5. Kemudian anda scroll sedikit kebawah lihat kode <b:include name='quickedit'/>, dan tambahkan kode </div> diatasnya
Maka hasilnya akan seperti berikut :
<div style='overflow:auto; width:ancho; height:300px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
Note :
height:300px; adalah pengaturan tinggi widget
6. Simpan template dan anda lihat hasilnya pada sidebar
Demikian Cara Mudah Membuat Scroll Arcive Blog, semoga bermanfaat!