Cara memasang Scroll pada Arsip Blog



Saat meluncur ke blog para sahabat bloggers, ada sebuah blog yang kelihatan sangat rapi. Baik modifikasi tampilan, kecepatan hingga warna benar-benar sangat menarik. Tapi ada 1 yang sangat janggal dimata, ketika melihat Arsip blognya disidebar begitu panjangnya saat membuka arsip yang begitu banyak. Sebaliknya saya lihat diblog ini juga demikian halnya.

Dan setelah itu saya  coba browsing-browsing ke berbagai blog-blog master. ternyata sudah banyak yang memodifikasi tampilan Arsip blognya. (maaf buat para master-master jika informasi ini sudah kadaluarsa, tapi saya ingin mengshare buat sahabat-sahabat blogger yang belum tahu caranya.) Bagi yang ingin mencobanya langsung ikuti petunjuk dibawah ini ya.. :)

  • Login terlebih dahulu..
  • Nah, kalau sudah login silahkan langsung ke Rancangan. Klik tambah gadget, terus klik tanda (+ )  pada Arsip Blog, untuk menambah Gadget Arsip. 
  • Klik Simpan setelah memberi judul.
  • Setelah Gadget Arsip jadi, Silahkan masuk ke Edit HTML (*jangan lupa centang expand template widget)
  • Dan cari kode <div class='widget-content'>  (*untuk mempermudah gunakan Ctrl+f)  
  • Lalu sisipkan kode <div style='overflow:auto; width:ancho; height:300px;'> tepat dibawah <div class='widget-content'>
  • Kemudian letakan kode penutup dibawah  </div>  tepat dibawah  <b:include name='quickedit'/>

Lihat contoh dibawah;

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

  • Jika sudah selesai,klik simpan dan lihat hasilnya..
  • Untuk kode yang bercetak tebal, silahkan sesuaikan dengan panjang widget yang diinginkan.
Selamat  mencoba, semoga berhasil.... ;)

Artikel Terkait



Comments
19 Comments

Komentar

19 Komentar untuk "Cara memasang Scroll pada Arsip Blog "

kadut hokcay mengatakan...

makasih atas totor dan info nya berhasil juga pasang scrool nya

syam mengatakan...

mntap infonya Gan

kacung mengatakan...

Nice info Gan

obat nyeri haid mengatakan...

mantap dah artikelnya
http://acemaxs31.com/obat-nyeri-haid-herbal/

ace maxs mengatakan...

makasih kawan tipsnya

rahman fh mengatakan...

thank.. membantu dah,,,

Agus Ska Phobia mengatakan...

mantep nih trik nya.. izin praktek dulu.. hihihi

highlight sepak bola mengatakan...

thx bos.

Ryan Arifyn mengatakan...

Sip Gan Jangan Lupa Kunjungan Baliknya
AERAD - Find What You Find Here

DEWA 22 mengatakan...

terimakasih gan

iky poh mengatakan...
Komentar ini telah dihapus oleh pengarang.
vieta hardiansyah mengatakan...

makasih mas berhasil juga pasang scrool di blog saya, jadi terlihat lebih rapih

Mas Jaya mengatakan...

wah terimakasih mas, untuk tutorial ini.
permanfaat sekali bagi pemula seperti saya :)
http://seounderclass.blogspot.co.id/

Nahayuka aa mengatakan...

Mantep gan!

DELIMA PONSEL mengatakan...

PROMO AKHIR TAHUN SAMPAI 31 DESEMBER 2017
KESEMPATAN EMAS UNTUK ANDA!!!
Kami Dari DELIMA PONSEL Mengadakan Harga Promo
Beli 1 Gratis 1 Samsung Galaxy J1
berlaku untuk semua produk
Gadget , Kamera, Laptop...!!!

-READY STOCK-
HP Samsung,Oppo,Acer,Sony,Apple,BB,LG,Nokia
KAMERA Nikon,Sony,Canon,Kamera Video
LAPTOP Hp,Lenovo,Samsung,Toshiba,Acer,Asus,DeLL

UNTUK INFO PRODUK LENGKAP KUNJUNGI:
http://delima-ponsel.blogspot.com.
CALL☎/SMS✉: 0852-4004-4475
BBM PIN: 5B3C6CE6

Budi aja mengatakan...

thanks min berhasil, namun di blog mas kolis creativing website tidak berhasil, kenapa ya

Kord Gitar Indonesia mengatakan...

Akhirnya saya bisa menghemat ruangan khususnya untuk arsip blog saya yang memanjang ke bawah. thank's ya gan

Vika Hamidah mengatakan...

MAKASIH BANGET YA MAS
jazakumullah ilmunya

JanganLupa mengatakan...

Thanks Mass

Tambahkan komentar anda

Blog ini adalah blog Do Follow. Tentu akan mendapat respon dan menguntungkan bagi blog yang berkomentar. Silahkan berkomentar dengan memperhatikan nilai SARA!!

 

Info Techno

Return to top of page Copyright © 2009-2013 | Komunitas BLogger Nias