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) mempunyai tampilan yang menjalar kebawah tergantung banyaknya artikel anda dan terlihat sedikit awut-awutan alasannya ialah ukuran yang tidak sanggup kita atur, oleh alasannya ialah itu pada kesempatan kali ini saya akan menawarkan cara menciptakan scroll atau geser pada widget arsip blog yang ingin anda pasang di blog kesayangan anda, dengan menambhakan scroll akan menciptakan widget arsip blog anda kelihatan lebih rapi dengan ukuran yang telah anda atur sebelumnya, untuk misalnya anda sanggup lihat arsip blog di blog Tips bagus alami milik saya.
Untuk menciptakan scroll ini anda hanya perlu menambahkan arahan 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 hidangan “Template” dan pilih “Edit HTML”
3. Cari arahan <div id=’Archivelist’> dengan memakai CTRL+F untuk mempermudah pencarian anda
4. Tambahkan arahan <div style=’overflow:auto; width:ancho; height:250px;’> diatas arahan yang anda cari tersebut dan ubah beberapa arahan yang ada untuk lebih lengkapnya akibatnya akan menyerupai 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 harapan anda
5. Klik “Simpan” dan lihat perubahannya
Demikian artikel Cara Membuat Scroll / Geser pada Widget Arsip Blog ini, bila ada yang ingin ditanyakan silahkan tinggalkan komen, jangan lupa baca juga artikel lainnya.
Untuk menciptakan scroll ini anda hanya perlu menambahkan arahan 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 hidangan “Template” dan pilih “Edit HTML”
3. Cari arahan <div id=’Archivelist’> dengan memakai CTRL+F untuk mempermudah pencarian anda
4. Tambahkan arahan <div style=’overflow:auto; width:ancho; height:250px;’> diatas arahan yang anda cari tersebut dan ubah beberapa arahan yang ada untuk lebih lengkapnya akibatnya akan menyerupai 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 harapan anda
5. Klik “Simpan” dan lihat perubahannya
Demikian artikel Cara Membuat Scroll / Geser pada Widget Arsip Blog ini, bila ada yang ingin ditanyakan silahkan tinggalkan komen, jangan lupa baca juga artikel lainnya.
Demikian artikel Cara Membuat Scroll / Geser pada Widget Arsip Blog ini, bila ada yang ingin ditanyakan silahkan tinggalkan komen, jangan lupa baca juga artikel lainnya.
Tidak ada komentar:
Posting Komentar