Cara Memasang Scrollbar pada Blog Archive

Cara Memasang Scrollbar pada Blog Archive - Tutor Blog Hallo sobat tutor blog, berjumpa kembali dengan saya. Oh iya apakah kalian punya blog pribadi? apakah kalian terganggu dengan kurang rapinya blog archive yang memanjang? jika iya maka tutorial berikut ini sangatlah berguna bagi kalian mengapa begitu? karena tutorial kali ini membahas tentang cara memasang scrollbar pada blog archive blog kalian, sebagai contoh lihat gambar di atas yang merupakan tampilan dari blog saya. Sehingga dengan memasang scrollbar pada blog archive maka akan terlihat lebih rapi dan membuat tampilan blog kalian lebih menarik dan SEO friendly tentunya.

Memang tutorial ini sudah ada sejak dulu, tetapi saya hanya ingin membantu memberi kemudahan pada para blogger pemula yang masih bingung dengan cara ini. Bagi yang tertarik ingin memasang scrollbar pada blog archivenya silakan ikuti langkah-langkahnya.

Baiklah yang pertama kalian harus lakukan adalah login akun blog kalian menggunakan email blog kalian.

Selanjutnya langsung pergi ke rancangan blog kalian, jika kalian sudah memiliki widget blog archive maka abaikan langkah berikut ini jika belum memasang widgetnya silakan diikuti langkah ini Pilih tata letak - pilih tambhkan gadget - silakan klik arsip blog - beri judul boleh blog archive, arsip blog - lalu simpan

Jika sudah memiliki dan memasang widget arsip blog, langkah selanjutnya silakan masuk menu template - edit html

Setelah masuk edit html silakan cari kode berikut ini (gunakan ctrl+f untuk mempercepat pencarian)

<div class='widget-content'>

Kode tersebut setiap template berbeda-beda, silakan cari kode tersebut secara lengkapnya sebagai contoh kode di blog saya.

<div class='widget-content'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + "_ArchiveList"'>

<b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>

<b:include cond='data:style == "FLAT"' data='data' name='flat'/>

<b:include cond='data:style == "MENU"' data='data' name='menu'/>

</div>

</div>

</div>

</b:includable>

Setelah itu sisipkan kode berikut ini di bawah kode <div class='widget-content'>

<div style='overflow:auto; width:ancho; height:450px;'>

Kemudian letakkan kode penutup </div> sebelum kode </b:includable> atau <b:include name='quickedit'/> sebagai contoh lihatlah kode selengkapnya berikut ini

contoh dari blog saya

<div class='widget-content'>

<div style='overflow:auto; width:ancho; height:450px;'>

<div id='ArchiveList'>

<div expr:id='data:widget.instanceId + "_ArchiveList"'>

<b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>

<b:include cond='data:style == "FLAT"' data='data' name='flat'/>

<b:include cond='data:style == "MENU"' data='data' name='menu'/>

</div>

</div>

</div>

</div>

</b:includable>

atau lihat contoh yang lain

<div class='widget-content'>
<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>
<b:include name='quickedit'/>
</div>
</div>

untuk tulisan yang bercetak tebal silakan diganti sesuai keinginan kalian tentunya sesuaikan dengan template blog kalian. Nah itu cara memasang scrollbar pada blog archive

selamat mencoba, semoga berhasil