Btw
apa sih fungsinya scroll pada widget arsip blog…? Tentunya banyak
banget….coba sobat bayangin seandainya sobat memposting artikel sebanyak
300 – 700 artikel dalam 1 bulan sedangkan arsip blog sobat tidak
menggunakan fungsi scroll atau menu dropdown pada settingan awal…
pastinya arsip blog sobat keliatan begitu panjangggggg bangett ketika
menggulirkan mouse ke bawah…. Nah disinilah fungsinya dari scroll
tersebut , yaitu untuk meminimalisir penggunaan halaman blog agan agar
tidak terlalu panjang banget kaya yg saya sebutin tadi.
Kalau begitu bagaimana caranya untuk menggunakan fungsi scroll pada arsip blog sobat…? Makanya ikuti langkah2nya di bawah ini :
Cara Membuat Scroll Pada Blog Archive (Arsip Blog):
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
6. Kode lengkapnya adalah seperti ini
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' 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:200px;'>
<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>
<b:include name='quickedit'/>
</div>
</div>
<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:200px;'>
<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>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
7. Kode berlatar warna hijau, kuning dan merah adalah kode yang harus ditambahkan kedalam script tersebut, dan khusus untuk kode berwarna merahyang memiliki angka 200 adalah ukuran tingginya scroll, dan bisa diubah sesuai selera sobat.
8.Jangan
simpan dulu…lebih baik klik pratinjau untuk memastikan apakah arsip
blog sobat sudah memiliki fungsi scroll atau belum….jika fungsi
scrollnya sudah berfungsi baru baca nomer 9
9. yah tinggal disimpan deh
Semoga berhasil….!
No comments:
Post a Comment