cara membuat scroll pada arsip di blog


Hai pa kabar sobat? Kali ini kita berjumpa lagi untuk melanjutkan beberapa tips blog atau tutorial blog yang kali ini saya beri judul  cara membuat scroll pada arsip di blog. Namu jangan lupa untuk sobat menulis comment postingan ini, agar kesalahan atau kekurangan yang ada bisa saya memperbaiki hal tersebut.Untuk membuat arsip blog memiliki fungsi scroll sangat mudah, dan untuk membuatnya silahkan ikuti langkah-langkah berikut :
  • Masuk ke Blogger
  • Klik Tata Letak
  • Klik Elemen Halaman
  • Tambahkan sebuah elemen halaman=> Tambah elemen Arsip Blog
  • Tapi Anda harus pilih gaya Hierarki
Pada Menu Diatas Itu belum terdapat fungsi scroll, untuk membuatnya memiliki fungsi scroll ikuti langkah-langkahnya lagi !
  • Setelah itu, klik Edit Html
  • Beri tanda centang pada tulisan Expand Widget Template
  • Lalu Anda cari kode seperti ini

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<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:100px;'>
<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>

Kode warna merah dan hijau adalah kode yang ditambahkan kedalam script tersebut
Kode warna hijau yang dicetak tebal adalah tinggi dari elemen tadi, silahkan kawan ganti agar sesuai dengan blog kawan



Artikel Terkait:

0 komentar:

Post a Comment