Widget arsip blog merupakan salah satu widget umum yang sering dipakai para blogger sebagai komplemen blog mereka, widget ini berfungsi untuk menampilkan arsip artikel yang ada pada blog anda. Pada umumnya widget arsip blog (archive) memiliki tampilan yang menjalar kebawah tergantung banyaknya artikel anda dan terlihat sedikit berserakan alasannya yaitu ukuran yang tidak sanggup kita atur, oleh alasannya yaitu itu pada kesempatan kali ini saya bakal menunjukkan trik menciptakan scroll atau geser pada widget arsip blog yang ingin anda pasang di blog kesayangan anda, dengan menambhakan scroll bakal menciptakan widget arsip blog anda kelihatan lebih rapi dengan ukuran yang telah anda atur sebelumnya, untuk contohnya anda sanggup lihat arsip blog di blog Tips elok alami milik saya.
Untuk menciptakan scroll ini anda hanya perlu menambahkan instruksi css tertentu di HTML editor blogger anda, untuk lebih lengkapnya silahkan ikuti langkah berikut ini:
Cara Membuat Scroll / Geser pada Widget Arsip Blog
1. Masuk ke akun blogger yang ingin anda edit
2. Klik sajian “Template” dan pilih “Edit HTML”
3. Cari instruksi <div id=’Archivelist’> dengan menggunakan CTRL+F untuk mempermudah pencarian anda
4. Tambahkan instruksi <div style=’overflow:auto; width:ancho; height:250px;’> diatas instruksi yang anda cari tersebut dan ubah beberapa instruksi yang ada untuk lebih lengkapnya kesannya bakal ibarat ini:
<div style=’overflow:auto; width:ancho; height:250px;’>
<div id=’Archivelist’>
<div expr:id=’data:widget.instanceId+ "_ArchiveList"’>
<b: if cond=’data:style == "HIERARCHY"’>
<b:incude 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>
Ket: ubah height (tinggi) kolom scroll sesuai impian anda
5. Klik “Simpan” dan lihat perubahannya
Demikian artikel Cara Membuat Scroll / Geser pada Widget Arsip Blog ini, jikalau ada yang ingin ditanyakan silahkan tinggalkan komen, jangan lupa baca juga artikel lainnya.
Untuk menciptakan scroll ini anda hanya perlu menambahkan instruksi css tertentu di HTML editor blogger anda, untuk lebih lengkapnya silahkan ikuti langkah berikut ini:
Cara Membuat Scroll / Geser pada Widget Arsip Blog
1. Masuk ke akun blogger yang ingin anda edit
2. Klik sajian “Template” dan pilih “Edit HTML”
3. Cari instruksi <div id=’Archivelist’> dengan menggunakan CTRL+F untuk mempermudah pencarian anda
4. Tambahkan instruksi <div style=’overflow:auto; width:ancho; height:250px;’> diatas instruksi yang anda cari tersebut dan ubah beberapa instruksi yang ada untuk lebih lengkapnya kesannya bakal ibarat ini:
<div style=’overflow:auto; width:ancho; height:250px;’>
<div id=’Archivelist’>
<div expr:id=’data:widget.instanceId+ "_ArchiveList"’>
<b: if cond=’data:style == "HIERARCHY"’>
<b:incude 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>
Ket: ubah height (tinggi) kolom scroll sesuai impian anda
5. Klik “Simpan” dan lihat perubahannya
Demikian artikel Cara Membuat Scroll / Geser pada Widget Arsip Blog ini, jikalau ada yang ingin ditanyakan silahkan tinggalkan komen, jangan lupa baca juga artikel lainnya.
Demikian artikel Cara Membuat Scroll / Geser pada Widget Arsip Blog ini, jikalau ada yang ingin ditanyakan silahkan tinggalkan komen, jangan lupa baca juga artikel lainnya.
0 Response to "Cara Menciptakan Scroll / Geser Pada Widget Arsip Blog"
Post a Comment