Cara Memasang dan Membuat Scroll pada Blog Archive

Hay sobat mazinu? Disini mazinu akan berbagi tutorial kepada kalian mengenai Bagaimana Cara Memasang atau Membuat Scroll pada Archive Blog kita, yang biasanya di kenal dengan Scroll Naik-Turun, dengan kita memasang Scroll di Blog maka tidak akan memakan banyak tempat untuk Archive Blog kita, sehingga semua isi / konten (daftar isi) pada blog kita bisa di baca dan di lihat oleh pengunjung blog dengan tampilan yang dinamis, Nah, Kalian ingin tahu caranya bukan? yang hsilnya nanti seperti ini :
Memasang dan Membuat Roll pada Archive Blog
Atau kalian bisa melihatnya pada sidebar mazinu,, karena mazinu sendiri juga memasang! Yok langsung saja ikuti tutorial dibawah ini :

Cara Memasang Scoll pada Archive Blog
  • Login ke Blogger
  • Di halaman Dasbor, pilih Template
  • Kemudian pilih Edit HTML
  • Cari kode ini : <div id='ArchiveList'> lebih cepatnya gunakan CTRL+F
  • Setelah ketemu taruh kode <div style='overflow:auto; width:ancho; height:200px;'> ini tepat diatasnya kode <div id='ArchiveList'>
  • Kemudian beri kode tambahan </div> sebelum kode <b:include name='quickedit'/>
  • Selesai!
    Catatan : Sebelum kalian menggunakan tutorial ini sebelumnya kalian harus tambahkan HTML/Java Script - Blog Archive pada Tata Letak kalian!
  • Jika masih bingung kalian bisa melihat tata letak yang benar seperti dibawah ini :

  <b:includable id='main'>
   <b:if cond='data:title'>
   <h2><data:title/></h2>
   </b:if>
   <div class='widget-content'>
   <div style='overflow:auto; width:ancho; height:200px;'>
   <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></div>
   <b:include name='quickedit'/>
   </div>
   </b:includable>


Semoga Bermanfaat artikel yang saya post mengenai Cara MemasangScroll pada Archive Blog ini!

Ulfar News Blog

Semoga Artikel yang diposkan dapat bermanfaat bagi anda dan teruslah berbagi ilmu

No comments:

Post a Comment

My Blog List

  • Nokia Lumia 1320 Red - Nokia Lumia 1320 Red *Harga Normal: IDR - Harga Promo: IDR -* Quick Description Handphone Nokia Lumia 1320 adalah handphone bersistem operasi Windows Phon...

Popular Posts

Followers