Cara Membuat Scroll pada Arsip Blog

Salam Hotline Terkini. Pada hari kali ini BHT akan coba post Cara Memberi Scroll-lock pada Arsip Blog. Seperti kawan BHT ketahui, banyak sekali fungsinya dari scroll pada arsip blog, selain buat mempercantik tampilan blog, juga untuk mempersingkat arsip blog kita. Bayangkan saja bila kawan BHT memakai arsip blog kemudian postingan kawan BHT banyak banget, misalnya dalam satu minggu atau satu bulan, otomatis arsip blog kawan BHT akan panjang banget ke bawah, sehingga blog kawan BHT kelihatan jelek. Nah, maka dari itu, alangkah baiknya kita menggunakan scroll pada arsip blog. Berikut Urutan Memberi Scroll pada Arsip Blog.

Seperti biasa kawan Hotline Terkini: 

• Login terlebih dahulu pada akun blog sobat masing-masing. 
• Nah, kalau sudah login silahkan langsung ke Rancangan. Klik Tambah Gadget,Terus kawan Hotline Terkini klik tanda (+ )  pada Arsip Blog, untuk menambah Gadget Arsip. 

Selanjutnya tulis pada kotak judul dengan nama judul arsip blog sobat atau seperti contoh gambar di bawah ini: 

• Klik Simpan jika sobat telah memberi judul.

Setelah Gadget Arsip jadi,

• Silahkan kawan BHT masuk ke Edit HTML *jangan lupa centang expand template widgate 

• Setelah itu silahkan sobat cari tulisan <div class='widget-content'> *untuk mempermudah gunakan Ctrl+f  

• Lalu sisipkan Code div (<div style='overflow:auto; width:ancho; height:350px;'>) untuk Scroll-lock, tepat dibawah <div class='widget-content'>. 

• Kemudian letakan Code penutup div (</div>) untuk Scroll-lock, dibawah <b:include name='quickedit'/>.

Formasi Kalimat perintah dalam HTML setelah langkah terakhir seperti ini.

  <div class='widget-content'> 

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

  <div id='ArchiveList'>

  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>

    <b:if cond='data:style == &quot;HIERARCHY&quot;'>

    <b:include data='data' name='interval'/>

    </b:if>

    <b:if cond='data:style == &quot;FLAT&quot;'>

    <b:include data='data' name='flat'/>

    </b:if>

    <b:if cond='data:style == &quot;MENU&quot;'>

    <b:include data='data' name='menu'/>

    </b:if>

  </div>

  </div>

  <b:include name='quickedit'/>

  </div>

  </div>

Keterangan :
height: 300px : adalah ukuran tinggi kotak scroll sedangkan untuk lebar nya sudah otomatis anda bisa ubah sesuai dengan ukuran yang anda sukai.

• Tinggal klik Simpan, atau Pratinjau untuk preview hasil Edit HTML yang kita lakukan.

Kelar sudah, semoga post Cara Membuat Scroll-Lock pada Arsip Blog. ini, bisa bermanfaat buat sahabat blogger semua. 
Terimakasih, Salam Hotline Terkini

Bagikan Artikel ini via :

Share on fb Tweet Share on G+