Minggu, 11 September 2016

Cara Membuat Tombol Scroll Pada Arsip Blog

Cara Membuat Tombol Scroll Pada Arsip Blog - Saat saya baru-baru membuat blog, saya mencoba beberapa widget yang ada di blogger salah satunya adalah Arsip Blog, ternyata widget tersebut sangatlah bagus untuk memudahkan pengunjung menjelajahi semua artikel dari blog kita, namun sangat disayangkan karena widget ini sangatlah banyak memakan tempat karena wiidget ini melampirkan semua post kita berdasarkan tanggal kita membuat post, coba dibayangkan jika ada 100 post dalam blog, pasti widget ini sudah sangat memenuhi tempat untuk widget lainnya, dan ini membuat blog kita terlihat acak-acakan, setelah saya menyadari hal itu, lalu saya mencoba beberapa cara agar widget tersebut tidak memakan tempat yang banyak yaitu dengan cara memberi scroll pada widget tersebut, cara ini sudah banyak dipasang oleh blog-blog terkenal salah satunya adalah SEOCIPS, dan juga blog saya sendiri yaitu Mastah Bloging walau tidak terkenal juga sih, dengan cara ini kalian dapat membuat blog kalian lebih terlihat rapi dan enak dipandang mata, nah jika kalian ingin mencobanya bisa kalian ikuti tutorial ini dan inilah penampakan Arsip Blog Dengan Tombol Scroll :
Arsip Blog Mastah Bloging
1) Login terlebih dahulu disini
2) Lalu klik tata letak, Tambahkan Gadget lalu pilih Arsip Blog
3) Beri judul wiget yang kalian inginkan lalu save
4) Setelah itu, Silahkan masuk ke Edit HTML 
5) Dan cari kode dibawah ini
<div class='widget-content'>
6) Sisipkan kode kode dibawah ini  tepat dibawah kode diatas
 <div style='overflow:auto; width:ancho; height:300px;'>
7) Kemudian letakan kode penutup dibawah </div>  tepat dibawah
<b:include name='quickedit'/>

Jika kalian belum jelas silahkan lihat penempatan kode berikut ini !!!


<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> 

8) Jika sudah simpan template.

Mungkin itu saja untuk Cara Membuat Tombol Scroll Pada Arsip Blog, jika kalian kesulitan kalian dapat menanyakannya melalui komentar, Jika kalian inget bertanya diluar topik ini silahkan lewat Contact From, Semoga artikel ini bermanfaat, Terima Kasih.

Tidak ada komentar:

Posting Komentar