Membuat Fungsi Scroll Pada Arsip Blog

Pertama Kita harus membuat dulu Arsip Blog

• 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" type="'BlogArchive'"><br />Anda akan menemukan kode lengkapnya seperti ini :<br /><b:widget id="'BlogArchive2'" locked="'false'" title="'Arsip" type="'BlogArchive'"><br /><b:includable id="'main'"><br /><b:if cond="'data:title'"><br /><h2><data:title/></h2><br /></b:if><br /><div class="'widget-content'"><br /><div style="'overflow:auto;"><br /><div id="'ArchiveList'"><br /><div id="'data:widget.instanceId"><br /><b:if cond="'data:style"><br /><b:include data="'data'" name="'interval'/"><br /></b:if><br /><b:if cond="'data:style"><br /><b:include data="'data'" name="'flat'/"><br /></b:if><br /><b:if cond="'data:style"><br /><b:include data="'data'" name="'menu'/"><br /></b:if><br /></div><br /></div></div><br /><b:include name="'quickedit'/"><br /></div><br /></b:includable><br /><b:includable id="'flat'" var="'data'"><br /><ul><br /><b:loop values="'data:data'" var="'i'"><br /><li class="'archivedate'"><br /><a href="'data:i.url'"><data:i.name/></a> (<data:i.post-count/>)<br /></li><br /></b:loop><br /></ul><br /></b:includable><br /><b:includable id="'menu'" var="'data'"><br /><select id="'data:widget.instanceId"><br /><option value="''"><data:title/></option><br /><b:loop values="'data:data'" var="'i'"><br /><option value="'data:i.url'"><data:i.name/> (<data:i.post-count/>)</option><br /></b:loop><br /></select><br /></b:includable><br /><b:includable id="'interval'" var="'intervalData'"><br /><b:loop values="'data:intervalData'" var="'i'"><br /><ul><br /><li class="'"><br /><b:include data="'i'" name="'toggle'/"><br /><a class="'post-count-link'" href="'data:i.url'"><data:i.name/></a><br /><span class="'post-count'" dir="'ltr'">(<data:i.post-count/>)</span><br /><b:if cond="'data:i.data'"><br /><b:include data="'i.data'" name="'interval'/"><br /></b:if><br /><b:if cond="'data:i.posts'"><br /><b:include data="'i.posts'" name="'posts'/"><br /></b:if><br /></li><br /></ul><br /></b:loop><br /></b:includable><br /><b:includable id="'toggle'" var="'interval'"><br /><b:if cond="'data:interval.toggleId'"><br /><b:if cond="'data:interval.expclass"><br /><a class="'toggle'" href="'data:widget.actionUrl" action="toggle" dir="close&toggle="" toggleopen=""><br /><span class="'zippy">▼ </span><br /></a><br /><b:else/><br /><a class="'toggle'" href="'data:widget.actionUrl" action="toggle" dir="open&toggle="" toggleopen=""><br /><span class="'zippy'"><br /><b:if cond="'data:blog.languageDirection"><br />◄<br /><b:else/><br />►<br /></b:if><br /></span><br /></a><br /></b:if><br /></b:if><br /></b:includable><br /><b:includable id="'posts'" var="'posts'"><br /><ul class="'posts'"><br /><b:loop values="'data:posts'" var="'i'"><br /><li><a href="'data:i.url'"><data:i.title/></a></li><br /></b:loop><br /></ul><br /></b:includable><br /></b:widget>

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