Cara Memasang Scrool Bar Di Arsip Blog

Cara-Membuat-Scrool-Bar

Kita pernah membuat scrool bar padapostingan/dalam artikel.  Scrool bar postingan ini digunakan puntuk menghemat suatu tulisan dalam postingan, seperti kode  HTML. Bisakah kita menggunakannya pada widget yang mengambil banyak tempat pada blog kita ?

Widget yang mengambil banyak tempat adalah arsip blog. Jika blog Anda telah memunyai banyak artikel atau postingan bisa di dibayangkan bagaimana panjangnya ke bawah. Memang ada pilihan agar arsip blog tersebut tidak terlalu panjang tapi bagi saya pribadi sepertinya kurang menarik.

Untuk memasang scrool bar di arsip blog, silahkan ikuti cara-cara berikut !
1.      Login ke Blogger.
2.      Di halaman Dasbor, kita pilih Rancangan Blogger.
3.       Kemudian pilih Edit HTML
4.      Cari kode berikut......

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

5.      Lalu Terapkan Seperti di bawahh 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 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>

6.      Kode berwarna merah adalah kode yang ditambahkan, kode biru adalah tinggi widgetnya dan bisa Anda ganti
7.      Silahkan disimpan jika sudah selesai.

Semoga berhasil !!!
SHARE

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment